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

GroupBox 的Header属性就是GroupBox的标题。
csharp
<GroupBox Header=" 单个控件" >
<TextBlock Text="123" />
</GroupBox >
2、包含多个子控件

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