C# WPF入门学习主线篇（十七）—— UniformGrid布局容器

C# WPF入门学习主线篇（十七）—— UniformGrid布局容器

欢迎来到C# WPF入门学习系列的第十七篇。在前几篇文章中，我们已经探讨了 Canvas、StackPanel、WrapPanel、DockPanel 和 Grid 布局容器及其使用方法。本篇博客将介绍另一种非常实用且简单的布局容器——UniformGrid。通过本文，您将学习如何使用 UniformGrid 来创建均匀排列的网格布局，并了解 UniformGrid 的常见属性和应用场景。

什么是UniformGrid布局容器？

UniformGrid 是WPF中的一种布局容器，用于将子控件均匀地排列在一个规则的网格中。UniformGrid 类似于 Grid 布局容器，但不同的是，它会自动调整每个单元格的大小，使所有子控件占据相同的空间，形成一个均匀的网格。这种布局容器非常适合用于需要整齐排列的控件集合，如按钮、图片等。

UniformGrid的常见属性

UniformGrid 主要有以下几个重要的属性，可以帮助开发者灵活地控制子控件的排列方式：

• Rows: 定义网格的行数。
• Columns: 定义网格的列数。
• FirstColumn: 指定子控件排列的起始列。

  使用UniformGrid布局容器的示例

  基本使用示例

  以下是一个简单的XAML代码示例，展示了如何使用 UniformGrid 创建一个包含三行三列的均匀网格布局：

  在上面的代码中，我们创建了一个 UniformGrid，并将九个按钮均匀排列在三行三列的网格中。

  动态设置UniformGrid的示例

  在后台代码中，您可以动态设置 UniformGrid 的行数和列数，并添加子控件：

  using System.Windows;
  using System.Windows.Controls;
  using System.Windows.Media;
  namespace WpfApp
  {
      public partial class MainWindow : Window
      {
          public MainWindow()
          {
              InitializeComponent();
              // 动态创建一个 UniformGrid 并设置其属性
              UniformGrid dynamicUniformGrid = new UniformGrid
              {
                  Rows = 3,
                  Columns = 3,
                  Margin = new Thickness(10),
                  Background = new SolidColorBrush(Colors.LightGray)
              };
              // 动态创建几个按钮并添加到 UniformGrid
              for (int i = 1; i 
                  Button button = new Button
                  {
                      Content = $"Button {i}",
                      Margin = new Thickness(5)
                  };
                  dynamicUniformGrid.Children.Add(button);
              }
              // 将动态创建的 UniformGrid 添加到窗口的内容中
              this.Content = dynamicUniformGrid;
          }
      }
  }