Question

我有一个网格区域，我希望从上到下填充背景绿色：

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="8*" />
            <RowDefinition Height="72*" />
            <RowDefinition Height="10*" />
        </Grid.RowDefinitions>

这是第2行

        <Grid Grid.Row="2" HorizontalOptions="FillAndExpand" VerticalOptions="Center" BackgroundColor="#EEEEEE">
            <Grid Padding="10,10,10,10" VerticalOptions="FillAndExpand"
                  BackgroundColor="Lime"/>     
        </Grid>

我在这段代码中获得的是一个白色区域，它的网格尺寸正确，但中间只有一条绿线。

如何完全填充网格？

Answer 1

实现此目的的方法是设置标签＆＃34; Grid＆＃34;的背景属性。你选择的颜色。

<Grid x:Name="phraseGrid" BackgroundColor="Green" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" Margin="0,20,0,0" RowSpacing="0">
    <Grid.RowDefinitions>
        <RowDefinition Height="8*" />
        <RowDefinition Height="72*" />
        <RowDefinition Height="10*" />
    </Grid.RowDefinitions>

    <Grid Grid.Row="2" x:Name="buttonGrid" HorizontalOptions="FillAndExpand" VerticalOptions="Center" BackgroundColor="#EEEEEE">
        <Grid IsVisible="{Binding ButtonGridVisible, Converter={StaticResource InverseBoolConverter} }" Padding="10,10,10,10" VerticalOptions="FillAndExpand" BackgroundColor="Lime">     
</Grid>

Answer 2

您可以创建AbsoluteLayout作为根。并将背景网格放在AbsoluteLayout上，其宽度和高度均为全宽。然后在同一个AbsoluteLayout上添加你的内容。

如何从上到下填充网格的背景？

2 个答案: