XAML中的选项卡(TabItem)

开发工具与关键技术: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"
  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值