C# WPF入门学习主线篇（十七）—

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

news2024/11/24 10:41:24

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 创建一个包含三行三列的均匀网格布局：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="UniformGrid Example" Height="350" Width="525">
    <Grid>
        <!-- 定义一个 UniformGrid 布局容器 -->
        <UniformGrid Rows="3" Columns="3" Margin="10">
            <!-- 将按钮均匀排列在网格中 -->
            <Button Content="Button 1"/>
            <Button Content="Button 2"/>
            <Button Content="Button 3"/>
            <Button Content="Button 4"/>
            <Button Content="Button 5"/>
            <Button Content="Button 6"/>
            <Button Content="Button 7"/>
            <Button Content="Button 8"/>
            <Button Content="Button 9"/>
        </UniformGrid>
    </Grid>
</Window>

在上面的代码中，我们创建了一个 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 <= 9; i++)
            {
                Button button = new Button
                {
                    Content = $"Button {i}",
                    Margin = new Thickness(5)
                };
                dynamicUniformGrid.Children.Add(button);
            }

            // 将动态创建的 UniformGrid 添加到窗口的内容中
            this.Content = dynamicUniformGrid;
        }
    }
}