WPF Button , RadionButon 等控件样式模板自己画,不需要写繁琐的代码, 简单,易懂

时间:2022-06-23 22:16:20

前在博客上看了别人定义的样式代码,感觉比wpf中自带的要炫的多, 而作为刚开始的学wpf要做一个好的界面是有多么难, 想想都是痛苦, 每次在网上看到别人的好的控件模板就想复制黏贴下来, 而且每次从网上复制下来的代码一般都是编译不过的, 然后就自己有要调试, 还需要修改一些代码, 达到自己的要求, 反正想起来都是泪, 废话不多说, 开始进入正题

画控件IDE: blend for VS2013 (一般安装的vs2013都有吧, 这个不太清除, 我的是vs2013旗舰版的自己带)

WPF Button , RadionButon 等控件样式模板自己画,不需要写繁琐的代码, 简单,易懂

1:单击单开vs2013

2:点击新建项目

WPF Button , RadionButon 等控件样式模板自己画,不需要写繁琐的代码, 简单,易懂

3:点击应用程序, 名称自己随便定义, 点击确定

WPF Button , RadionButon 等控件样式模板自己画,不需要写繁琐的代码, 简单,易懂

4:出现windows窗体后,点击最左边栏最下面的按钮, 拖一个button到windows窗体中

WPF Button , RadionButon 等控件样式模板自己画,不需要写繁琐的代码, 简单,易懂

5:鼠标右键按钮, 操作如图

WPF Button , RadionButon 等控件样式模板自己画,不需要写繁琐的代码, 简单,易懂

6: 点击创建空白项之后, 出现了一个下图框框, 名称自己定义,

WPF Button , RadionButon 等控件样式模板自己画,不需要写繁琐的代码, 简单,易懂

7:  由于选择创建的空白buton样式, 因此需要添加按钮中间名称, 还是托控件,如下图

WPF Button , RadionButon 等控件样式模板自己画,不需要写繁琐的代码, 简单,易懂

8: 修改textbloc中的颜色自己, 背景颜色, 和textblock在button中的水平和垂直位置等等(修改button中的属性颜色和textbolck是一样的)

WPF Button , RadionButon 等控件样式模板自己画,不需要写繁琐的代码, 简单,易懂

9:自己画一个默认的背景颜色, 下面就是button默认的背景颜色

WPF Button , RadionButon 等控件样式模板自己画,不需要写繁琐的代码, 简单,易懂

10: 添加鼠标移入移除的修改背景颜色和自己颜色的属性, 如下图

WPF Button , RadionButon 等控件样式模板自己画,不需要写繁琐的代码, 简单,易懂

WPF Button , RadionButon 等控件样式模板自己画,不需要写繁琐的代码, 简单,易懂

11: 添加鼠标点击修改背景颜色和自己颜色, 和上面操作一样, 我就偷个懒,简单点

WPF Button , RadionButon 等控件样式模板自己画,不需要写繁琐的代码, 简单,易懂

12: 测试一样这个button的样式:如下图

默认状态:

WPF Button , RadionButon 等控件样式模板自己画,不需要写繁琐的代码, 简单,易懂

鼠标移入button内状态,qq截图,没接下来鼠标在button内的鼠标图标,下面是鼠标移入button内的样式

WPF Button , RadionButon 等控件样式模板自己画,不需要写繁琐的代码, 简单,易懂

鼠标左键点击button样式,如下图, 和上图情况一样, 没截下鼠标图标

WPF Button , RadionButon 等控件样式模板自己画,不需要写繁琐的代码, 简单,易懂

嗯哼, 我就画这button三个状态,你还需要其他按钮自己去画, 不懂问度娘

样式写好了, 可以直接复制到我们的需要的代码中了, 

WPF Button , RadionButon 等控件样式模板自己画,不需要写繁琐的代码, 简单,易懂

完完

WPF Button , RadionButon 等控件样式模板自己画,不需要写繁琐的代码, 简单,易懂