之前一篇文章(点此跳转)谈到了在WPF中使用第三方模板来打造漂亮的界面,
现在,我们要自己定义,设计出自己独一无二的风格。
这个系列会持续更新一段时间,并且可以在此找到项目的GitHub相关内容。
好了,首先是新建一个WPF项目,可能会是类似下图这个样子
我们将这个项目取名为DefinedControl
然后就可以在主窗体(mainWindow)中添加一些元素(UIElement)了。
这里我们添加3个基本控件:Button、CheckBox、TextBox
一、综述
1.添加Button
最终的效果如下图
按钮是圆形的,外圆+内圆,通过特定配色可以让按钮更有立体感
同时当鼠标滑过或停留时会有高亮颜色
为了设置自定义风格,我们需要先添加资源字典,方法是在项目右键添加资源字典
然后编辑其中的内容,最后将其添加到App.xaml文件中的相应位置
(或者都写在App.xaml里面,但是这样会使得该文件内容很冗杂)
稍后将会详细说明。
2.添加CheckBox
这个最终效果有点像是拨动开关,效果如下
关闭状态
开启状态
当鼠标滑过或停留时会有高亮颜色
详细步骤同上,具体稍后叙述。
3.添加TextBox
文本框带有椭圆形边框,背景颜色为黄绿色,当光标/鼠标进入时会变成白色
离开之后又恢复到原来的颜色,内容也是可以编辑的
效果如下