如何使用 xaml - xamarin.forms 用布局填充屏幕？答案

【问题标题】：How can I fill a screen with a layout using xaml - xamarin.forms?如何使用 xaml - xamarin.forms 用布局填充屏幕？
【发布时间】：2017-12-30 15:41:07
【问题描述】：

我有一个网格，我希望它填满屏幕。例如，我可以使用水平选项吗？

  <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>

        <Button Image="imgteste.png" Grid.Row="0" Grid.Column="0"></Button>
        <Label Text="User name:" Grid.Row="0" Grid.Column="1"></Label>
        <Label Text="User name:" Grid.Row="1" Grid.Column="0"></Label>
        <Label Text="User name:" Grid.Row="1" Grid.Column="1"></Label>
    </Grid>

【问题讨论】：

标签： xaml mobile xamarin.forms

【解决方案1】：

您需要按照您的想法添加HorizontalOptions 和VerticalOptions。

<Grid HorizontalOptions="Fill"
      VerticalOptions="Fill">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="Auto"/>
    </Grid.ColumnDefinitions>

    <Button Image="imgteste.png" Grid.Row="0" Grid.Column="0"></Button>
    <Label Text="User name:" Grid.Row="0" Grid.Column="1"></Label>
    <Label Text="User name:" Grid.Row="1" Grid.Column="0"></Label>
    <Label Text="User name:" Grid.Row="1" Grid.Column="1"></Label>
</Grid>

【讨论】：

非常感谢