WPF TabControl-设置TabItems的样式

向右看齐 2022-01-27 20:34 700阅读 0赞

<Window x:Class="WpfTutorialSamples.Misc_controls.StyledTabItemsSample"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            Title="StyledTabItemsSample" Height="150" Width="250">
        <Grid>
            <TabControl Margin="10" BorderThickness="0" Background="LightGray">
                <TabControl.Resources>
                    <Style TargetType="TabItem">
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="TabItem">
                                    <Grid Name="Panel">
                                        <ContentPresenter x:Name="ContentSite"
                                            VerticalAlignment="Center"
                                            HorizontalAlignment="Center"
                                            ContentSource="Header"
                                            Margin="10,2"/>
                                    </Grid>
                                    <ControlTemplate.Triggers>
                                        <Trigger Property="IsSelected" Value="True">
                                            <Setter TargetName="Panel" Property="Background" Value="LightSkyBlue" />
                                        </Trigger>
                                        <Trigger Property="IsSelected" Value="False">
                                            <Setter TargetName="Panel" Property="Background" Value="White" />
                                        </Trigger>
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </TabControl.Resources>
                <TabItem Header="General">
                    <Label Content="Content goes here..." />
                </TabItem>
                <TabItem Header="Security" />
                <TabItem Header="Details" />
            </TabControl>
        </Grid>
    </Window>

效果如下：

![20190523110103385.jpg][]

转载 [WPF Tutorial][]

[20190523110103385.jpg]: /images/20220128/47eccf38579541b9bd8b48b1364c8332.png
[WPF Tutorial]: https://www.wpf-tutorial.com/

发表评论取消回复

表情：

评论列表（有 0 条评论，700人围观）

还没有评论，来说两句吧...

相关阅读

相关 WPF入门教程--TabControl样式

WPF TabControl 允许您将界面分成不同的区域，每个区域都可以通过单击通常位于控件顶部的选项卡标题来访问。选项卡控件通常用于 Windows 应用程序，甚至在 Win

比眉伴天荒/ 2024年03月27日 10:22/ 0 赞/ 86 阅读

相关 WPF自定义TabControl选项滚动条显示

WPF自定义TabControl选项滚动条显示一、TabControl简介二、自定义TabControl控件三、自定义TabControl选项滚动

梦里梦外;/ 2022年12月11日 15:07/ 0 赞/ 912 阅读

相关继续聊WPF——设置网格控件列标题的样式

我很奇怪的是，微软那厮是怎么搞的，Blend里面居然不能编辑GridView的样式，十万般无奈之下，只好手写XAML来处理了。要想知道一个控件的样式是如何设置，看控

落日映苍穹つ/ 2022年06月16日 07:42/ 0 赞/ 280 阅读

相关继续聊WPF——为ListView的行设置样式

1. <Window x:Class="Wpf\_GridHeaderStyle\_sample.Window1" 2. xmlns="http://schem

左手的ㄟ右手/ 2022年06月16日 07:41/ 0 赞/ 344 阅读

相关 WPF样式（Style）入门

前言 WPF相较于以前学的WinForm，WPF在UI设计与动画方面的炫丽是最吸引我来学习的。在WPF中XMAL代码的引入使得代码的编写能够前后端分离，为获得更好的界面，

蔚落/ 2022年06月07日 07:13/ 0 赞/ 373 阅读

相关 WPF Tabcontrol SelectionChanged的错误触发问题

事件是可以传递的，SelectionChanged也不例外我设计了这样一个界面： ![20180420144602514][] 当我点击右边的ListView的时候，会

亦凉/ 2022年05月25日 22:19/ 0 赞/ 196 阅读

相关 WPF样式-------触发器动画

与以往的框架如WinForms相比，WPF最大的优势之一就是可以更为轻松地处理动画（animation）。与以往框架中在两个静态值之间来回切换的处理方式不同，WPF直接使用触发

Bertha 。/ 2022年01月28日 07:31/ 0 赞/ 431 阅读

相关使用WPF样式

在前一章，我们介绍了样式的概念，我们使用了本地定义样式的一个基础示例，它针对特定类型的控件 - TextBlock。但是，样式可以在几个不同的范围中定义，具体取决于您希望在何

迈不过友情╰/ 2022年01月28日 07:25/ 0 赞/ 321 阅读

相关 WPF TabControl-设置TabItems的样式

<Window x:Class="WpfTutorialSamples.Misc_controls.StyledTabItemsSample"

向右看齐/ 2022年01月27日 20:34/ 0 赞/ 701 阅读

相关 WPF样式的使用

1、样式的定义样式的元素名称为Style，通过TargetType来声明作用的目标的类型，通过Setter来声明作用目标的属性，一个Style中可以添加多个Setter，在

女爷i/ 2021年09月10日 22:12/ 0 赞/ 458 阅读