WPF HandyControl 笔记：三、按钮Button的使用

最新推荐文章于 2025-04-28 15:24:38 发布

redmethod

最新推荐文章于 2025-04-28 15:24:38 发布

阅读量2.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： WPF HandyControl 学习笔记文章标签： wpf 笔记

本文链接：https://blog.youkuaiyun.com/redmethod/article/details/130914459

WPF HandyControl 学习笔记专栏收录该内容

3 篇文章

订阅专栏

一、新建一个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}"/>