一、新建一个WPF窗口
新建一个WPF窗口,命名为Button.xaml,在APP.xaml文件中设定起始窗口为Button.xaml
二、添加WPF原生控件 Label,在Style属性中绑定HandlyControl皮肤样式
原生控件
效果:
代码:
<Button Content="原生按钮" HorizontalAlignment="Left" Margin="42,38,0,0" VerticalAlignment="Top"/>
Style资源样式
效果:
代码:
<Button Content="原生按钮" HorizontalAlignment="Left" Margin="42,73,0,0" VerticalAlignment="Top"
Style="{StaticResource ButtonPrimary}"/>
<Button Content="原生按钮" HorizontalAlignment="Left" Margin="132,78,0,0" VerticalAlignment="Top"
Style="{StaticResource ButtonPrimary.Small}"/>
其它的Style资源样式:
ButtonSuccess、ButtonDanger、ButtonInfo、ButtonDashed、ButtonWarning
ButtonDashedDanger、ButtonDashedInfo、ButtonDashedSuccess、ButtonDashedWarning、ButtonDashedPrimary
以及这些样式对应的 .Small 样式
三、其它装饰样式
1、边框样式
效果:
代码:
<Button Content="原生按钮" HorizontalAlignment="Left" Margin="255,83,0,0" VerticalAlignment="Top"
BorderBrush="{StaticResource DangerBrush}" BorderThickness="2"/>
<Button Content="原生按钮" Margin="341,83,0,0" VerticalAlignment="Top"
BorderBrush="{StaticResource DarkDangerBrush}" BorderThickness="2" HorizontalAlignment="Left"/>
<Button Content="原生按钮" HorizontalAlignment="Left" Margin="429,83,0,0" VerticalAlignment="Top"
BorderBrush="{StaticResource DarkDefaultBrush}" BorderThickness="2"/>
<Button Content="原生按钮" HorizontalAlignment="Left" Margin="516,83,0,0" VerticalAlignment="Top"
BorderBrush="{StaticResource LightDangerBrush}" BorderThickness="2"/>
其它的边框样式:
SuccessBrush、WarningBrush、InfoBrush、ColorPickerRainbowBrush、DefaultBrush,以及其对应的高亮、低亮样式、默认样式等
圆角样式
引入命名空间xmlns:hc=“https://handyorg.github.io/handycontrol”
通过 hc:BorderElement.CornerRadius 进行设定
效果:
代码:
<Button Content="按钮" HorizontalAlignment="Left" Margin="255,137,0,0" VerticalAlignment="Top"
hc:BorderElement.CornerRadius="20"/>
图标样式
引入命名空间xmlns:hc=“https://handyorg.github.io/handycontrol”
通过 hc:IconElement.Geometry 进行设定
效果:
代码:
<Button Content="按钮" HorizontalAlignment="Left" Margin="255,137,0,0" VerticalAlignment="Top"
hc:IconElement.Geometry="{StaticResource AlignBottomGeometry}"/>