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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WPF Button , RadionButon 等控件样式模板自己画,不需要写繁琐的代码, 简单,易懂相关的知识,希望对你有一定的参考价值。

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

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

技术分享

1:单击单开vs2013

2:点击新建项目

技术分享

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

技术分享

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

技术分享

 

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

技术分享

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

技术分享

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

技术分享

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

技术分享

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

技术分享

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

技术分享

技术分享

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

技术分享

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

默认状态:

技术分享

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

技术分享

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

技术分享

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

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

技术分享

完完

以上是关于WPF Button , RadionButon 等控件样式模板自己画,不需要写繁琐的代码, 简单,易懂的主要内容,如果未能解决你的问题,请参考以下文章

在wpf中,给button加上背景图片。点击button会不停的闪烁。求助高手!

wpf listview问题。给listview的每一行都加个button,button绑定该行。

WPF学习之button

WPF编程之自定义Button控件样式

wpf中button怎么设置快捷键

wpf image button样式