如何最大化所有可用区域上的元素

Question

我在网格中有 5 列和 3 行。我创建了 Button 并且需要用这个按钮填充 Column 1, Row 1 区域。我该怎么办？

Answer 1

您可以将Button的高度和宽度分别绑定到Grid的Row1和Column1的高度和宽度。如以下代码，

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid.RowDefinitions>
        <RowDefinition/>
        <RowDefinition x:Name="Row1"/>
        <RowDefinition/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition x:Name="Column1" />
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>
    <Button Grid.Row="1" Grid.Column="1" 
            Width="{Binding ActualWidth,ElementName=Column1}"
            Height="{Binding ActualHeight,ElementName=Row1}"/>
</Grid>

Answer 2

只需将按钮上的 HorizontalAlignment 和 VerticalAlignment 更改为 Stretch，这样按钮就会填满网格单元格：

<Grid>
  <Grid.RowDefinitions>
    <RowDefinition/>
    <RowDefinition/>
    <RowDefinition/>
  </Grid.RowDefinitions>
  <Grid.ColumnDefinitions>
    <ColumnDefinition/>
    <ColumnDefinition/>
    <ColumnDefinition/>
    <ColumnDefinition/>
    <ColumnDefinition/>
  </Grid.ColumnDefinitions>
  <Button Grid.Row="1" Grid.Column="1" 
          HorizontalAlignment="Stretch"
          VerticalAlignment="Stretch"/>
</Grid>

如何最大化所有可用区域上的元素

How to maximize element on all available area

uwp-xaml