WPF TabControl美化

复制代码

<
Window.Resources> <!-- TabItem的样式 --> <Style TargetType="{x:Type TabItem}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type TabItem}"> <Grid> <!-- 主Border --> <Border Name="bd" Margin="5,10,5,0" Background="{TemplateBinding Background}" BorderBrush="Gray" BorderThickness="3" CornerRadius="7"> <ContentPresenter Margin="20,10" VerticalAlignment="Center" ContentSource="Header" /> </Border> </Grid> <ControlTemplate.Triggers> <Trigger Property="IsSelected" Value="True"> <Setter TargetName="bd" Property="BorderThickness" Value="2" /> <Setter TargetName="bd" Property="Margin" Value="0" /> </Trigger> <Trigger Property="IsMouseOver" Value="True" /> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> <Setter Property="Foreground" Value="Black" /> <Setter Property="FontSize" Value="18" /> </Style> <!-- TabControl的样式 --> <Style TargetType="{x:Type TabControl}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type TabControl}"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="*" /> </Grid.RowDefinitions> <Border Padding="10"> <TabPanel IsItemsHost="True" /> </Border> <Border Grid.Row="1" Padding="10" BorderBrush="Gray" BorderThickness="2"> <ContentPresenter Name="PART_SelectedContentHost" ContentSource="SelectedContent" /> </Border> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> </Window.Resources> <TabControl> <TabItem Background="#FFFFFF72" Header="aaa">test</TabItem> <TabItem Background="#FFAEFF7A" Header="bbb"> <DockPanel> <Button DockPanel.Dock="Bottom">hehe</Button> <TextBox /> </DockPanel> </TabItem> <TabItem Background="#FFA6D5FF" Header="ccc">test</TabItem> </TabControl>

复制代码

  因为项目的需求,需要做一个类似于商城的选购的页面 ,根据不同的分类来选择不同的商品。

  因为刚开始学习WPF,暂时不知道如何去修改Tab Control的模板,于是按照其他博主的教程,使用Blend来查看控件的构成,于是自己摸索了一下,在网上也看到了一些不错的美化。

  后面我会根据自己的需求来更改,后续的效果图会放在下一篇博客。

     看到一个非常不错的TabControl的美化,转载分享过来了,需要不同的需求的,可以根据自己的需求来更改模板。

  代码放在上面,效果图如下:

效果:

 

作者:ganbei

出处:https://www.cnblogs.com/ganbei/p/14344587.html

版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。

posted @   干杯Archer  阅读(1542)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
点击右上角即可分享
微信分享提示
more_horiz
keyboard_arrow_up light_mode palette
选择主题