16.WPF 带标题内容控件

摘要

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

正文

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

<Window x:Class="_16.MainWindow"n xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"n xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"n xmlns:d="http://schemas.microsoft.com/expression/blend/2008"n xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"n xmlns:local="clr-namespace:_16"n mc:Ignorable="d"n Title="MainWindow" Height="220" Width="300" ResizeMode="NoResize" WindowStyle="SingleBorderWindow">n <Grid>n <GroupBox Margin="10" Padding="10">n <GroupBox.Header>n <StackPanel Orientation="Horizontal">n <Image Source="/user.png" Width="16"></Image>n <TextBlock FontWeight="Bold">用户登录</TextBlock>n </StackPanel>n </GroupBox.Header>n <StackPanel>n <TextBlock>用户名</TextBlock>n <TextBox></TextBox>n <TextBlock>密码</TextBlock>n <PasswordBox></PasswordBox>n <StackPanel Orientation="Horizontal">n <Button Margin="0 10" Padding="5" Content="登录"></Button>n <Button Margin="10" Padding="5" Content="关闭"></Button>n </StackPanel>n </StackPanel>n </GroupBox>n </Grid>n</Window>

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

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

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

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

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

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

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

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