当前位置：首页 > news >正文

wpf之GroupBox

news 2025/10/11 5:42:48

在这里插入图片描述

前言

在开发wpf程序过程中有时候需要将多个控件归为一类控件，从而实现界面的布局美化，这时候就可以使用Groupbox将多个控件放在一起，并且给这多个同类控件起一个共同的标题，本文就来介绍wpf中Groupbox控件的使用。

1、只包含单个控件

在这里插入图片描述
GroupBox 的Header属性就是GroupBox的标题。

 <GroupBox Header=" 单个控件"  ><TextBlock Text="123" /></GroupBox >

2、包含多个子控件

在这里插入图片描述

GroupBox 只能包含单个子控件，如果想实现包含多个子控件，则需要使用容器控件作为GroupBox的子控件，然后将多个控件放置到容器控件中，容器控件可以是StackPanel、Grid等，下面的代码就是使用StackPanel作为 GroupBox 的子控控件。

<GroupBox Header=" 多个控件"  ><StackPanel  Orientation="Horizontal" ><StackPanel  Orientation="Vertical"  ><TextBox Text=" 1" /></StackPanel ><StackPanel  Orientation="Vertical" Margin="10 0 0 0"  ><TextBox Text=" 2" /></StackPanel ><StackPanel  Orientation="Vertical" Margin="10 0 0 0"  ><TextBox Text=" 3" /></StackPanel ></StackPanel ></GroupBox >

3、自定义标题

在这里插入图片描述
通过将GroupBox.Header进行自定义，下面的代码使用Ellipse和TextBlock来组合使用组成Header。

 <GroupBox BorderBrush="blue"BorderThickness="2"Foreground="Red" ><GroupBox.Header ><StackPanel Orientation="Horizontal"  ><Ellipse Fill="Red" Width=" 20"  Height=" 20"/><TextBlock Text="自定义标题" VerticalAlignment="Center" HorizontalAlignment="Center" Margin=" 2 0 0 0"/></StackPanel ></GroupBox.Header ><StackPanel  Orientation="Horizontal" ><StackPanel  Orientation="Vertical"  ><TextBox Text=" 1" /></StackPanel ><StackPanel  Orientation="Vertical" Margin="10 0 0 0"  ><TextBox Text=" 2" /></StackPanel ><StackPanel  Orientation="Vertical" Margin="10 0 0 0"  ><TextBox Text=" 3" /></StackPanel ></StackPanel ></GroupBox >