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

(171) 2024-05-17 13:01:01

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

WPF HandyControl 笔记:二、标签的使用 (https://mushiming.com/)  第1张

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

原生控件:

效果:
WPF HandyControl 笔记:二、标签的使用 (https://mushiming.com/)  第2张
代码:

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

LabelInfo 皮肤效果

效果:
WPF HandyControl 笔记:二、标签的使用 (https://mushiming.com/)  第3张

<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 皮肤效果

效果:
WPF HandyControl 笔记:二、标签的使用 (https://mushiming.com/)  第4张
代码:

<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控件宽度

效果:
WPF HandyControl 笔记:二、标签的使用 (https://mushiming.com/)  第5张
代码:

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

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

效果:
WPF HandyControl 笔记:二、标签的使用 (https://mushiming.com/)  第6张
代码:

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

发表回复