WPF TabControl在TabItem上添加图标并且更改点击样式

最新推荐文章于 2024-09-04 17:57:33 发布

日照香炉生紫烟~

最新推荐文章于 2024-09-04 17:57:33 发布

阅读量2.2k

点赞数

分类专栏： WPF 文章标签： wpf

本文链接：https://blog.csdn.net/qq_40131199/article/details/120965550

版权

WPF 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

这篇博客展示了如何使用XAML为WPF的TabItem创建一个自定义样式，包括设置背景色、前景色和选中状态的切换效果。内容涉及TabItem的模板设置、触发器应用以及图像和文本的组合展示，用于数据报表界面。

摘要由CSDN通过智能技术生成

只为了自己以后记住做个记号

   <TabItem Header="数据报表" Name="TabItemDataReport" Margin="1,0"   Background="#5e99fb"  Height="35" Foreground="White" Width="110">
                            <TabItem.Style>
                                <Style TargetType="{x:Type  TabItem}">
                                    <Setter Property="Template">
                                        <Setter.Value>
                                            <ControlTemplate TargetType="{x:Type TabItem}">
                                                <Border  BorderThickness="1" Background="#5e99fb" Name="border">
                                                    <StackPanel Name="bac" Orientation="Horizontal">
                                                        <Image Source="/Resources/华表.ico"></Image>
                                                        <TextBlock Text="   数据报表" VerticalAlignment="Center"></TextBlock>
                                                    </StackPanel>
                                                </Border>
                                                <!--点击tabitem更改颜色-->
                                                <ControlTemplate.Triggers>
                                                    <Trigger Property="IsSelected" Value="False">
                                                      <!--点击之前的颜色-->
                                                        <Setter TargetName="bac" Property="Background" Value="#5e99fb" />
                                                    </Trigger>
                                                    <MultiTrigger>
                                                        <MultiTrigger.Conditions>
                                                            <Condition Property="IsSelected" Value="True" />
                                                        </MultiTrigger.Conditions>
                                                        <!--点击之后的颜色-->
                                                        <Setter TargetName="bac" Property="Background" Value="#1860d1" />
                                                    </MultiTrigger>

                                                </ControlTemplate.Triggers>
                                            </ControlTemplate>
                                        </Setter.Value>
                                    </Setter>
                                </Style>
                            </TabItem.Style>
                            <Grid Name="gridDataReport"></Grid>
                        </TabItem>