WPF中对TabItem添加图片

最新推荐文章于 2025-06-13 16:28:26 发布

芝麻麻雀

最新推荐文章于 2025-06-13 16:28:26 发布

阅读量3.4k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： WPF

本文链接：https://blog.youkuaiyun.com/weixin_42930928/article/details/88718971

WPF 专栏收录该内容

24 篇文章

订阅专栏

博客介绍了在使用WPF的TabControl时，因原生TabItem不支持添加图片，需手动设置。通过使用模板操作来实现向TabItem添加图片，并展示了最终效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用wpf中的tabcontrol时，向在tabitem上面添加一张图片，但是原生的tabitem不支持添加图片，只用自己手动设置了，使用模版进行操作如下：

<TabItem>
                <TabItem.Style>
                    <Style TargetType="{x:Type TabItem}">
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type TabItem}">
                                    <Border BorderBrush="Red" BorderThickness="1">
                                        <StackPanel
                                            Name="aPanel"
                                            Width="48"
                                            Height="48"
                                            Orientation="Horizontal">
                                            <TextBlock
                                                Name="aBlock"
                                                VerticalAlignment="Center"
                                                Text="A" />
                                            <Image
                                                Name="aImage"
                                                Width="32"
                                                Height="32"
                                                Source="报警灯.png" />
                                        </StackPanel>
                                    </Border>
                                    <ControlTemplate.Triggers>
                                        <Trigger Property="IsSelected" Value="True">
                                            <Setter TargetName="aImage" Property="Source" Value="报警灯1.png" />
                                            <Setter TargetName="aBlock" Property="Foreground" Value="Red" />
                                            <Setter TargetName="aPanel" Property="Background" Value="#002063" />
                                        </Trigger>
                                        <MultiTrigger>
                                            <MultiTrigger.Conditions>
                                                <Condition Property="IsSelected" Value="False" />
                                                <Condition Property="IsMouseOver" Value="True" />
                                            </MultiTrigger.Conditions>
                                            <Setter TargetName="aPanel" Property="Background" Value="#DCDCDC" />
                                        </MultiTrigger>
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </TabItem.Style>
                <Border>
                    <TextBlock Text="A页面" />
                </Border>
            </TabItem>

最终效果如下