WPF 控件专题 TabControl控件详解

1、TabControl 介绍

TabControl 表示包含多个项的控件，这些项共享屏幕上的同一空间，每个区域都可以通过单击通常位于控件顶部的选项卡标题来访问。也叫选项卡控件。

**************************************************************************************************************

2、常用属性介绍

FontFamily：字体系列；   FontSize：字体大小；   FontStretch：字体在屏幕上紧缩或加宽的程度；FontWeight：字体粗细；

   Background：背景；   BorderBrush：边框颜色；   BorderThickness：边框宽度；   Foreground：前景色；

   Width/Height：宽度/高度；   Name：元素标识名称；   IsEnabled：使能，是否可用；   Margin：外边距；

   Opacity：透明度；   Visibility：可见性；   IsVisible：是否可见；   FlowDirection：其子元素的流动方向；

   LayoutTransform：在执行布局时应该应用于此元素的图形转换方式。   RenderTransform：元素的呈现位置的转换信息；

   RenderTransformOrigin：由RenderTransform声明的任何可能呈现转换的中心点，相对于元素的边界。

   HorizontalAlignment/VerticalAlignment：在父元素中组合此元素时所应用的水平对齐特征/垂直对齐特征。

    HorizontalContentAlignment/VerticalContentAlignment：控件内容的水平对齐方式/垂直对齐方式。

Items：获取用于生成 ItemsControl 的内容的集合。ItemTemplate：获取或设置用来显示每个项的 DataTemplate。

   ItemsPanel：获取或设置模板，该模板定义对项的布局进行控制的面板。

   ItemsSource：获取或设置用于生成 ItemsControl 的内容的集合。

SnapsToDevicePixels：获取或设置一个值，该值确定在呈现过程中，此元素的呈现是否应使用特定于设备的像素设置。

   SelectedContent：获取当前选择的 TabItem 的内容。

   SelectedIndex：获取或设置当前选择中第一项的索引，如果选择为空，则返回负一(-1)。

SelectedItem：获取或设置当前选择中的第一项，或者，如果选择为空，则返回 null。

SelectedValue：获取或设置通过使用 SelectedItem 而获取的 SelectedValuePath 的值。

SelectedValuePath：获取或设置用于从 SelectedValue 获取 SelectedItem 的路径。

**************************************************************************************************************

3、具体示例代码

<WrapPanel><TabControl Width="250" Height="200" Background="#555a64"><TabItem x:Name="TabItem1"><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><TextBox Name="textBox1" Width="150" Height="30"/></StackPanel></TabItem><TabItem  x:Name="TabItem2" Header="Tab 2"><TextBlock Text="{Binding ElementName=textBox1, Path=Text}"/></TabItem></TabControl><TabControl TabStripPlacement="Left" Width="250" Height="200" Margin="20"><TabItem Header="General"><Label Content="Content goes here1..." /></TabItem><TabItem Header="Security" ><StackPanel Background="#f1ef9f"><Label Content="Content goes here2..." /><Label Content="Content goes here2..." /><Button Content="Security" Width="150" Height="35"/></StackPanel></TabItem><TabItem Header="Details" ><Border Background="#f0c01f" ></Border></TabItem></TabControl>
</WrapPanel>

**************************************************************************************************************

4、效果图

**************************************************************************************************************

5、总结和扩展

TabStripPlacement：可以设置选项卡标题相对于选项卡内容的对齐方式，左上右下四种方式。

**************************************************************************************************************

WPF 控件专题 TabControl控件详解相关推荐

DevExpress控件GridControl中的布局详解【转】
DevExpress控件GridControl中的布局详解 [转] 2012-10-24 13:27:28| 分类: devexpress | 标签:devexpress |举报|字号订阅 h ...
利用Animation控件制作帧动画过程详解
利用Animation控件制作帧动画过程详解前言通过Animation控件来达到序列图的播放(素材和示例视频在文章末尾) 一.序列图 (此素材为已经分割好的序列图) 如若序列图在一张图片上,请参考 ...
wpf 客户端【JDAgent桌面助手】详解（二）桌面宠物制作详解
目录区域: 业余开发的wpf 客户端终于完工了..晒晒截图(此文由于当时没有开通csdn博客所以在博客园发了,后续文章都是csdn 首发奥) [晒视频了]业余开发wpf 客户端[JDAgent桌面助 ...
【卷积神经网络结构专题】一文详解AlexNet(附代码实现)
关注上方"深度学习技术前沿",选择"星标公众号", 资源干货,第一时间送达! [导读]本文是卷积神经网络结构系列专题第二篇文章,前面我们已经介绍了第一个真正意义 ...
WPF 控件专题 Image控件详解
1.Image 介绍 Image:表示用于显示图像的控件. Image可以加载以下图像类型:.bmp..gif..ico..jpg..png..wdp 和 .tiff.但是在显示多帧图像时,仅显示第一 ...
WPF 控件专题 Grid 控件详解
1.Grid 介绍定义由列和行组成的灵活的网格区域,Grid顾名思义就是"网格",它的子控件被放在一个一个实现定义好的小格子里面,整齐配列,该对象可包含多个 Children对象 ...
WPF 控件专题 Lable 控件详解
1.Lable 介绍官方释义:表示包含一段任意类型内容的控件.也可以叫标签控件. Label控件和TextBlock看起来非常像.但在使用时就会发现,Label使用的是Content属性而不是Tex ...
WPF 控件专题 TreeView控件详解
1.TreeView介绍命名空间:System.Windows.Controls TreeView 表示一个控件,该控件在树结构(其中的项可以展开和折叠)中显示分层数据. TreeView 是一个 ...
WPF 控件专题 Menu 控件详解
1.Menu 介绍 Menu 表示一个 Windows 菜单控件,该控件可用于按层次组织与命令和事件处理程序关联的元素. 该 Menu 控件提供一个项列表,用于指定应用程序的命令或选项. 通常,单击菜 ...

WPF 控件专题 TabControl控件详解

WPF 控件专题 TabControl控件详解相关推荐

最新文章

热门文章