在网格wpf中自动更新按钮位置

Question

我有 3*3 网格，里面有 9 个按钮。这些按钮的可用性是在运行时确定的，因此按钮必须排列在可用空间中。

示例：

b1 b2 b3

b4 b5 b6

b7 b8 b9

如果 b5 按钮不可用，那么我必须这样做

b1 b2 b3

b4 b6 b7

b8 b9

当前在可见性更新处理程序中，我正在检查所有控件状态并更改 grid.row和 grid.column。有更好的方法吗？

Answer 1

根据 Bala R 的回答，您似乎正在尝试实现自己的 WrapPanel。

内置的 WrapPanel 可以自动重新排列您的控件，“从左到右，然后从上到下”或“从上到下，然后从左到右”。然后，您不再需要“观察”按钮的可见性，因为一旦一个按钮不可见（折叠），其他按钮就会立即取代后者占据的位置，然后再遵循上述模式。

这是一个快速而肮脏的示例来说明，请随意使用 WrapPanel 方向和折叠/隐藏按钮状态：

XAML：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="31*" />
        <RowDefinition Height="731*" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="284*" />
        <ColumnDefinition Width="294*" />
    </Grid.ColumnDefinitions>
    <StackPanel Orientation="Horizontal"  VerticalAlignment="Top">
        <Button x:Name="hideBtn" Content="HIDE button #" Click="hideBtn_Click"></Button>
        <TextBox x:Name="buttonNumber" Width="50"></TextBox>
        <RadioButton x:Name="radioCollapsed" Content="Collapsed" IsChecked="True"></RadioButton>
        <RadioButton x:Name="radioHidden" Content="Hidden"></RadioButton>
    </StackPanel>

    <WrapPanel x:Name="wp" Orientation="Horizontal"  Grid.Row="1" VerticalAlignment="Top" HorizontalAlignment="Left" Height="74" Width="61">
        <Button x:Name="b_1" Content="B1"></Button>
        <Button x:Name="b_2" Content="B2"></Button>
        <Button x:Name="b_3" Content="B3"></Button>
        <Button x:Name="b_4" Content="B4"></Button>
        <Button x:Name="b_5" Content="B5"></Button>
        <Button x:Name="b_6" Content="B6"></Button>
        <Button x:Name="b_7" Content="B7"></Button>
        <Button x:Name="b_8" Content="B8"></Button>
        <Button x:Name="b_9" Content="B9"></Button>
    </WrapPanel>
</Grid>

代码隐藏：

    private void hideBtn_Click(object sender, RoutedEventArgs e)
    {
        foreach (var child in wp.Children)
        {
            var btn = (Button)child;
            btn.Visibility = Visibility.Visible;
        }
        foreach (var child in wp.Children)
        {
            var btn = (Button)child;

            if (btn.Name.Contains(buttonNumber.Text))
            {
                if (radioCollapsed.IsChecked.Value)
                    btn.Visibility = Visibility.Collapsed;
                else
                    btn.Visibility = Visibility.Hidden;
            }
        }
    }

Answer 2

尝试使用 UniformGrid 并将“列”和“行”设置为 3。它将按照您刚才描述的方式自动填充网格。