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

科技前沿 • 2025-01-10 16:11 • 阅读 45

大家好，我是讯享网，很高兴认识大家。

一、新建一个WPF窗口，命名为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 HandyControl 笔记：二、标签的使用

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

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

三、其它装饰效果

相关推荐