StackLayout прозрачного цвета

Question

Мне нужна помощь, я хотел бы установить кнопку в фиксированном месте в нижней части интерфейса, как это сделать с помощью Xamarin.Forms? Также я хочу установить прозрачный цвет на StackLayout, но не повезло.

<ScrollView>
    <StackLayout>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
        <Label Text="fds"/>
    </StackLayout>
</ScrollView>
<StackLayout BackgroundColor="LightBlue" Opacity="0.3" Orientation="Horizontal" VerticalOptions="End">
    <Button CornerRadius="30" HorizontalOptions="CenterAndExpand"  VerticalOptions="CenterAndExpand"/>
</StackLayout>

В программе предварительного просмотра Изображение Это прозрачно. На телефоне Изображение

Answer 1

Если вы хотите разместить кнопку внизу вашего пользовательского интерфейса, используйте сетку

    <Grid Margin="10" >

        <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

        <StackLayout Grid.Row="0" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
        <ScrollView>
            <StackLayout>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
                <Label Text="fds"/>
            </StackLayout>
        </ScrollView>


    </StackLayout>

        <StackLayout Grid.Row="0" BackgroundColor="Transparent" HorizontalOptions="FillAndExpand" VerticalOptions="End">
        <Button CornerRadius="25" VerticalOptions="End" Margin="5,0,5,0" Text="Your Button" FontSize="Small" TextColor="White" BackgroundColor="#40db7093"></Button>
        </StackLayout>

    </Grid>

. Вы можете разместить любые элементы управления внутри первого макета стека.