2021-08-19 WPF控件专题 Groupbox 控件详解

微软MVP Eleven

于 2021-08-17 08:38:28 发布

阅读量4.3w

点赞数

CC 4.0 BY-SA版权

分类专栏： WPF控件专题

本文链接：https://blog.youkuaiyun.com/zhaoxi2020/article/details/119747537

WPF控件专题专栏收录该内容

31 篇文章

订阅专栏

本文介绍了WPF中的GroupBox控件，作为分组容器用于展示带有标题的内容。内容控件只能包含一个元素，但通过使用StackPanel等布局控件，可以实现内部放置多个子元素。示例中展示了如何创建两个GroupBox，分别包含多个Label和输入控件，展示了在GroupBox内组织UI元素的方法。同时，文章还展示了如何通过代码访问TextBox的Text属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

1.Grid 控件介绍

Winform Groupbox 分组容器控件

Wpf GroupBox 分组带标题 HeaderedContentControl 带标题的内容控件

只能有一个子元素作为它的内容 Content Header 边框

结合布局控件（容器）

分组显示

2.具体案例

<Window x:Class="WpfAppTest.GroupBoxWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfAppTest"
        mc:Ignorable="d"
        Title="GroupBoxWindow" Height="450" Width="800" Loaded="Window_Loaded">
        <Grid>
                <!-- 分组控件  内容控件   只能有一个元素作为它的Content
                     如果我想在它的内部呈放多个子元素？？？？   ——布局控件   -容纳多个元素
                -->
                <GroupBox  Header="导航菜单"  Width="200"  Height="200" BorderThickness="2" BorderBrush="Red">
                        <StackPanel>
                                <Label Content="这是一个GroupBox控件"/>
                                <Label Content="这是一个GroupBox控件"/>
                                <Label Content="这是一个GroupBox控件"/>
                                <Label Content="这是一个GroupBox控件"/>
                        </StackPanel>
                </GroupBox>
                <GroupBox  Header="导航菜单2"  Width="221"  Height="200" BorderThickness="2" BorderBrush="Red" Margin="32,110,0,0" HorizontalAlignment="Left"  VerticalAlignment="Top" Name="gbInfo">
                        <StackPanel Orientation="Vertical" >
                                <StackPanel Orientation="Horizontal" >
                                        <Label Content="用户名："/>
                                        <TextBox Name="txtUserName" Text="userName"  Width="150"/>
                                </StackPanel>
                                <StackPanel Orientation="Horizontal" Margin="0,10,0,0">
                                        <Label Content="密码："/>
                                        <PasswordBox Password="123456"  Width="150"/>
                                </StackPanel>
                        </StackPanel>
                </GroupBox>
        </Grid>
</Window>

private void Window_Loaded(object sender, RoutedEventArgs e)
{
        //如果我们没有设置TextBox的name属性，通过GroupBox控件去获取
        StackPanel spFirst = gbInfo.Content as StackPanel;
        foreach(var ele in  spFirst.Children)
        {
                StackPanel sp = ele as StackPanel;
                foreach(var ele2 in sp.Children)
                {
                        if(ele2 is TextBox)
                        {
                                TextBox txt = ele2 as TextBox;
                                string name = txt.Text;
                        }
                }
        }

        string name1 = txtUserName.Text;//直接通过name属性获取控件的Text  
}