layout - Xamarin Forms 中的溢出按钮

Question

我有一个带有屏幕的模型，但我不知道如何正确实现:

我想知道如何定位登录按钮(以及“登录方式” block )。如果没有“登录”，使用 StackLayout 会很容易。但这使得事情变得不那么容易，我正在寻找一个简单的解决方案。

我认为使用 AbsoluteLayout 在代码隐藏中进行位置计算是可行的，但这使得整个页面比看起来更复杂。

白色 block 是应用程序中随处使用的框架。它不是特定于登录页面的，因此我想在其他地方重用它。

你会怎么做？

Answer 1

我认为你可以使用 3 行的 Grid...。第 1 行和第 2 行具有相同的高度。“登录数据”(用户/密码...)占据第0行和第1行按钮占据第2行和第2行

例如

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="fev_ventilazione_smartwatch.Pages.MyPageTest">
    <ContentPage.Content>

        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="8*"/>
                <RowDefinition Height="1*"/>
                <RowDefinition Height="1*"/>
            </Grid.RowDefinitions>
              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="4*" />
                <ColumnDefinition Width="2*" />
                <ColumnDefinition Width="4*" />
              </Grid.ColumnDefinitions>

            <Label Text="TEXT" Grid.Row="0" Grid.Column="0" Grid.RowSpan="2" Grid.ColumnSpan="3" BackgroundColor="Aqua"/>
            <Button Text="BUTTON" Grid.Row="1" Grid.Column="1" Grid.RowSpan="2" BackgroundColor="Fuchsia"/>
        </Grid>

    </ContentPage.Content>
</ContentPage>

生产