开发工具与关键技术:VS WPF XAML
作者:李寿宇
撰写时间:2019/7/8
在XAML做UI的时候原来的控件模板是原生的样式的没有给别人觉得是好炫丽的感觉,我们可以修改模板改变它的原来的样式,通过改写控件模板样式达到自己想要的样式。
下面的代码是改写TabItem控件模板的样式,首先改写她的边框的样式把背景颜色改了,左、上、右边框的厚度改成一个像素,边框的颜色也跟着改,左上角和右上角八个像素的圆角。TextBlock控件定义TabItem控件的内容部分改变字体的颜色,让内容左右上下居中,
Text的内容继承TabItem的Header。
触发器:当鼠标点击选项卡那个选项卡就会改变背景颜色和字体的颜色,就达到选中选项卡的标题。然后对下面的代码用资源字典封装起来调用即可,如果你想单单一个页面里引用的就要加X:Key就不会全项目里面的TabItem度改变了。
<!--TabItem样式-->
<Style TargetType="TabItem" >
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="TabItem">
<Border x:Name="bd" Margin="0 0 2 0" Background="#FFE7E8EC" BorderThickness="1 1 1 0"
BorderBrush="#035b72" CornerRadius="8 8 0 0">
<TextBlock x:Name="txt" Margin="20 0 20 0" Foreground="#FF0C0404"
Text="{TemplateBinding Header}"
VerticalAlignment="Center"