WPF 基本控件的简介(十)

1、TabControl tab选项卡和对应容器

1 2 3 4 5 6 7 8 9 10 11 12 13	<TabControl>     <!--1、选项卡1-->     <TabItem>         <!--头部-->         <TabItem.Header>             <StackPanel Orientation="Horizontal">                 <Ellipse Width="10" Height="10" Fill="DarkGray"/>                 <TextBlock>Tab 1</TextBlock>             </StackPanel>         </TabItem.Header>         <!--内容-->         <StackPanel>             <TextBlock>Enter some text</TextBlock>
14 15 16 17 18 19 20 21 22	<TextBox Name="textBox1" Width="50"/>         </StackPanel>     </TabItem>     <!--2、选项卡2-->     <TabItem Header="Tab 2">         <!--绑定TextBlock。文本到第一个文本框TabItem。-->         <TextBlock Text="{Binding ElementName=textBox1, Path=Text}"/>     </TabItem> </TabControl>

2、TextBlock 文本块  Text属性为显示内容，TextWrapping="Wrap"表示换行显示文本。

3、TextBox 文本框

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<StackPanel>      <!--圆形文本框-->         <TextBox Grid.Row="3" Grid.Column="1" Background="Transparent" BorderThickness="1">             <TextBox.Resources> <!--TargetType:设置样式作用到的对象Border，样式就会应用于所有 Border元素-->                 <Style TargetType="{x:Type Border}">                     <!--CornerRadius：圆角-->                     <Setter Property="CornerRadius" Value="4"/>                     <!--BorderBrush此属性设置 Border 用来绘制边框的 Brush 对象-->                     <Setter Property="BorderBrush" Value="#c1d0dc"/>                 </Style>             </TextBox.Resources>         </TextBox>     </StackPanel>

4、ToolBar 工具栏，单独用时独占一行。

1 2 3 4 5 6

<StackPanel>     <!--Band获取或设置一个值，该值指示工具栏应位于 ToolBarTray 中的什么位置。         BandIndex获取或设置指示工具栏在带区上的位置的带区索引号。-->     <ToolBar Band="1" BandIndex="1">         <Button>             <Image Source="1.jpg" Width="30"/>

7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32

</Button>         <Button>             <Image Source="1.jpg" Width="30"/>         </Button>         <Button>             <Image Source="1.jpg" Width="30"/>         </Button>         <Separator/>         <Button>             <Image Source="1.jpg" Width="30"/>         </Button>         <Button>             <Image Source="1.jpg" Width="30"/>         </Button>         <Button>             <Image Source="1.jpg" Width="30"/>         </Button>         <Separator/>         <Button>             <Image Source="1.jpg" Width="30"/>         </Button>         <Button>             <Image Source="1.jpg" Width="30"/>         </Button>     </ToolBar> </StackPanel>

5、TolBarPanel 继承自StackPanel，工具栏容器。