WPF HandyControl 笔记：二、标签的使用

最新推荐文章于 2026-05-08 10:01:47 发布

原创最新推荐文章于 2026-05-08 10:01:47 发布 · 741 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

WPF HandyControl 学习笔记

本文介绍了如何在WPF环境中创建一个新的窗口Label.xaml，并通过Style属性绑定HandlyControl皮肤样式来定制Label控件的显示效果，包括LabelInfo、LabelDanger等不同皮肤，以及通过调整BorderBrush和BorderThickness实现边框效果，和使用hc:BorderElement.CornerRadius设置圆角等装饰效果。

一、新建一个WPF窗口，命名为Label.xaml

新建Label.xaml

二、添加WPF原生控件 Label，在Style属性中绑定HandlyControl皮肤样式

原生控件：

效果：
原生Label
代码：

<Label Content="原生Label" HorizontalAlignment="Left" Margin="31,23,0,0" VerticalAlignment="Top" Width="100"/>

LabelInfo 皮肤效果

效果：
LabelInfo

<Label Content="LabelDefault" HorizontalAlignment="Left" Margin="31,63,0,0" VerticalAlignment="Top"
                Style="{StaticResource LabelInfo}" Width="100">
<Label Content="LabelInfo.Small" HorizontalAlignment="Left" Margin="160,103,0,0" VerticalAlignment="Top"
                Style="{StaticResource LabelInfo.Small}" Width="100"/>

LabelDanger 皮肤效果

效果:
LabelDanger
代码：

<Label Content="LabelDanger" HorizontalAlignment="Left" Margin="31,263,0,0" VerticalAlignment="Top"
               Style="{StaticResource LabelDanger}" Width="100"/>
<Label Content="LabelDanger.Small" HorizontalAlignment="Left" Margin="160,263,0,0" VerticalAlignment="Top"
               Style="{StaticResource LabelDanger.Small}" Width="100"/>

其它的Style皮肤样式

LabelWarning
LabelWarning.Small
LabelDefault
LabelDefault.Small
LabelPrimary
LabelPrimary.Small
LabelSuccess
LabelSuccess.Small

三、其它装饰效果

边框：BorderBrush控制样式 BorderThickness控件宽度

效果：
在这里插入图片描述
代码：

<Label Content="原生Label" Margin="0,30,0,0" VerticalAlignment="Top" Width="100"
               BorderBrush="{StaticResource SuccessBrush}" BorderThickness="1"/>

圆角：添加命名空间 xmlns:hc="https://handyorg.github.io/handycontrol"

效果：
BElement
代码：

<Label Content="原生Label" Margin="0,73,0,0" VerticalAlignment="Top" Width="100"
            hc:BorderElement.CornerRadius="20" />

标签

#wpf #笔记