按钮未占用全部空间

Question

我有一个动态网格，可以根据提供的行和列大小进行调整。但是，即使在 XAML 中我已将其设置为执行某些操作，我似乎也无法正确间隔开按钮/占用网格的所有空间。

这是目前的样子： 设置高度/宽度和方向的代码行是：

        button.HorizontalAlignment = HorizontalAlignment.Stretch;
        button.VerticalAlignment = VerticalAlignment.Stretch;
        button.Name = "button" + i.ToString();
        button.Margin = new Thickness(10);
        button.Padding = new Thickness(2);
        var potentialHeight = (wellGrid.Height / wellGrid.ColumnDefinitions.Count) - (button.Margin.Top * 2);
        var potentialWidth = (wellGrid.Width / wellGrid.RowDefinitions.Count) - (button.Margin.Left * 2);
        button.Height = button.Width = (potentialHeight < potentialWidth) ? potentialHeight : potentialWidth;

XAML 是这样的：

                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>
                <Grid DockPanel.Dock="Top" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" x:Name="wellGrid" Grid.Row="1" Width="800" Height="550"
                  local:GridHelpers.RowCount="{Binding RowCount}"
                  local:GridHelpers.ColumnCount="{Binding ColumnCount}">
                </Grid>

帮助回答的附加代码...

                int i = 0;
                for (int row = 0; row < grid.RowDefinitions.Count; ++row)
                {
                    for (int column = 0; column < grid.ColumnDefinitions.Count; ++column)
                    {
                        i++;
                        grid.Children.Add(CreateGridButton(i, column, row));
                    }
                }

Answer 1

我认为你必须改变

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

到

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

auto 表示按列内容的大小

* 表示与网格成比例的大小

这里不会完全帮助您，但是如果您想实现该行为，那么您有 2 个选项（我相信还有更多选项）

• 使用UniformGrid

  这是一个例子

<UniformGrid Rows="{Binding YOUR_ROW_COUNT}"
             Columns="{Binding YOUR_COL_COUNT}">
</UniformGrid>

• 添加控件后将列和行添加到您的网格中

var length = new GridLength(1, GridUnitType.Star);
var col = new ColumnDefinition() { Width = length };
var row = new RowDefinition() { Height= length };

grid.RowDefinitions.Add(row);
grid.ColumnDefinitions.Add(col);

然后你必须像这样添加你的控件

//example
Grid.SetRow(control, 0);
Grid.SetColumn(control, 2);