wpf控件样式（带标题内容控件）

摘要

WPF中的三个带标题的内容控件，分别是GroupBox,TabControl和Expander

正文

GroupBox 控件将允许您直观地将一组控件组合在一起。这显然也可以使用许多面板中的一个来完成，但是 GroupBox 添加了一种特殊类型的标题和边框，这在历史上在 Windows 操作系统中被大量使用。

<Window x:Class="_16.MainWindow" 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:_16" mc:Ignorable="d" Title="MainWindow" Height="220" Width="300" ResizeMode="NoResize" WindowStyle="SingleBorderWindow"> <Grid> <GroupBox Margin="10" Padding="10"> <GroupBox.Header> <StackPanel Orientation="Horizontal"> <Image Source="/user.png" Width="16"></Image> <TextBlock FontWeight="Bold">用户登录</TextBlock> </StackPanel> </GroupBox.Header> <StackPanel> <TextBlock>用户名</TextBlock> <TextBox></TextBox> <TextBlock>密码</TextBlock> <PasswordBox></PasswordBox> <StackPanel Orientation="Horizontal"> <Button Margin="0 10" Padding="5" Content="登录"></Button> <Button Margin="10" Padding="5" Content="关闭"></Button> </StackPanel> </StackPanel> </GroupBox> </Grid> </Window>

TabControl控件 允许您将界面分成不同的区域，每个区域都可以通过单击通常位于控件顶部的选项卡标题来访问。选项卡控件通常用于 Windows 应用程序，甚至在 Windows 自己的界面中，如文件/文件夹的属性对话框等。

<Grid> <TabControl Margin="10" TabStripPlacement="Top" Name="tabMain" SelectionChanged="tabMain_SelectionChanged"> <TabItem Header="A"> <StackPanel Margin="5"> <CheckBox>A1</CheckBox> <CheckBox>A2</CheckBox> <CheckBox>A3</CheckBox> </StackPanel> </TabItem> <TabItem> <TabItem.Header> <StackPanel Orientation="Horizontal"> <Image Source="/user.png" Width="16" Stretch="Fill"></Image> <TextBlock>用户信息</TextBlock> </StackPanel> </TabItem.Header> <TabItem.Content> <StackPanel> <Button x:Name="btnGo" Margin="10" Click="btnGo_Click" Content="GoC"></Button> </StackPanel> </TabItem.Content> </TabItem> <TabItem Header="C"> CC </TabItem> </TabControl> </Grid>

private void tabMain_SelectionChanged(object sender, SelectionChangedEventArgs e) { this.Dispatcher.BeginInvoke(new Action(() => { MessageBox.Show(tabMain.SelectedIndex.ToString()); })); } private void btnGo_Click(object sender, RoutedEventArgs e) { tabMain.SelectedIndex = 2; }

Expander控件，它封装了一块内容，通过单击小箭头按钮可现实或隐藏所包含的内容。Expander控件默认折叠，可通过设置IsExpandered属性改变这种行为。

可设置扩展器的扩展方向，默认为Down，通过设置ExpandDirection属性的Up、Left或Right值。

当折叠Expander时，箭头始终指向将要展开的方向。

使用ScrollViewer控件创建可滚动的扩展区域。

<StackPanel> <Expander Header="服务信息" Margin="10"> <StackPanel> <TextBlock>BBBB</TextBlock> </StackPanel> </Expander> <Expander Header="用户信息" Margin="10" ExpandDirection="Up"> <ScrollViewer VerticalScrollBarVisibility="Visible" Height="100"> <TextBlock TextWrapping="Wrap"> *********************</TextBlock> </ScrollViewer> </Expander> </StackPanel>