WPF入门(02):打造自定义风格的控件

本文介绍了如何在WPF中创建自定义风格的控件,包括圆形Button、拨动式CheckBox和椭圆边框TextBox。通过添加资源字典并编辑样式,实现控件的视觉特效,如高亮和立体感。文章提供了详细的步骤和代码示例,展示了自定义控件的全过程。
摘要由CSDN通过智能技术生成

之前一篇文章(点此跳转)谈到了在WPF中使用第三方模板来打造漂亮的界面,

现在,我们要自己定义,设计出自己独一无二的风格。

这个系列会持续更新一段时间,并且可以在此找到项目的GitHub相关内容。


好了,首先是新建一个WPF项目,可能会是类似下图这个样子



我们将这个项目取名为DefinedControl

然后就可以在主窗体(mainWindow)中添加一些元素(UIElement)了。

这里我们添加3个基本控件:Button、CheckBox、TextBox


一、综述

 1.添加Button

最终的效果如下图


按钮是圆形的,外圆+内圆,通过特定配色可以让按钮更有立体感

同时当鼠标滑过或停留时会有高亮颜色

为了设置自定义风格,我们需要先添加资源字典,方法是在项目右键添加资源字典

然后编辑其中的内容,最后将其添加到App.xaml文件中的相应位置

(或者都写在App.xaml里面,但是这样会使得该文件内容很冗杂)

稍后将会详细说明。


2.添加CheckBox

这个最终效果有点像是拨动开关,效果如下

关闭状态 

开启状态  

当鼠标滑过或停留时会有高亮颜色

详细步骤同上,具体稍后叙述。


3.添加TextBox

文本框带有椭圆形边框,背景颜色为黄绿色,当光标/鼠标进入时会变成白色

离开之后又恢复到原来的颜色,内容也是可以编辑的

效果如下

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值