网站商城例子下载,广西住房和城乡建设厅网站,从化市营销型网站建设,学校网站开发的背景文章目录 基本用法文字竖排显示 WPF布局
基本用法
WPF中的TabControl是一个容器控件#xff0c;用于在单个窗体或页面中承载多个选项卡。每个选项卡可以包含不同的控件#xff0c;用于显示不同的内容#xff0c;其最简单的调用方法如下#xff0c;只需在TabControl中无脑… 文章目录 基本用法文字竖排显示 WPF布局
基本用法
WPF中的TabControl是一个容器控件用于在单个窗体或页面中承载多个选项卡。每个选项卡可以包含不同的控件用于显示不同的内容其最简单的调用方法如下只需在TabControl中无脑添加TabItem就可以得到一个个用之不竭的控件抽屉了
TabControlTabItem HeaderTAB1/TabItemTabItem HeaderTAB2/TabItem
/TabControl通过调整TabStripPlacement属性可以更改抽屉标题的位置例如
TabControl TabStripPlacementLeft!--内容不变--
/TabControl效果如下 文字竖排显示
通过设置TabStripPlacement得到的纵向TabItem并不美观尤其是抽屉较少的情况下左下角有大量的空白如果能够想办法让文字纵向显示就十分完美。直接在文字中加入\n并不能实现这一功能为此需要修改TabItem的HeaderTemplate具体方法是添加一个Resources并在其中以TabItem为目标新建一个Style。
通过为TabItem中的文本区域添加一个Convert从而实现标题文字的竖排显示
TabControl.Resourceslocal:TabItemConverter x:KeyTabItemConverter/Style x:KeyTabItemVerticalStyle TargetTypeTabItemSetter PropertyHeaderTemplateSetter.ValueDataTemplateTextBlock Text{Binding PathHeader,RelativeSource{RelativeSource AncestorTypeTabItem},Converter{StaticResource TabItemConverter}}/TextBlock/DataTemplate/Setter.Value/Setter/Style
/TabControl.Resources其中local是本地命名空间在本例中是tabTest
Window x:ClasstabTest.MainWindowxmlns:localclr-namespace:tabTestTitleMainWindow Height200 Width360
而TabItemConverter则是手动实现的文字转换类这个类通过继承IValueConverter接口来实现后者内部封装了两个方法分别是Convert和ConvertBack只需实现前一个方法即可修改结果如下
public class TabItemConverter : IValueConverter
{public object Convert(object value, Type targetType, object parameter, CultureInfo culture){string str value.ToString();return string.Join(\n, str.Select(s s));}public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture){throw new NotImplementedException();}
}效果如下