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
    评论
ModernUI(http://mui.codeplex.com/)是一个开源的WPF界面库,利用该界面库,我们可以创建很酷的应用程序。下面是ModernUI官方示例,你可以从官方网站直接下载源码运行,如果是.NET 4.0的话,记得要声明“NET4”预编译变量,否则无法编译通过。 这个界面框架是基于ModernUI来实现的,在该文我将分享所有的源码,并详细描述如何基于ModernUI来构造一个非常通用的、插件化的WPF开发框架。下载源码的同志,希望点击一下推荐。 本文将按照以下四点来介绍: (1)ModernUI简介; (2)构建通用界面框架的思路; (3)基于ModernUI和OSGi.NET的插件化界面框架实现原理及源码分析; (4)其它更有趣的东西~~。 要编写这样的WPF界面,我们需要在一个Window上声明菜单和Tab页面,下图是定义菜单的声明。 此外,每一个Tab风格页面,你也需要手动的为菜单创建这样的界面元素。 直接用这样的方式来使用ModernUI,显然不太适合团队协作性的并行开发,因为在一个团队的协作中,不同的人需要完成不同的功能,实现不同页面,每个人都需要来更改主界面。 我非常希望模块化的开发方法,因为这可以尽可能的复用现有资产,使程序员可以聚焦在自己关注的业务逻辑上,不需要关心UI的使用。下面,我将来描述基于ModernUI实现的一个通用界面框架,这个界面框架允许程序员在自己的业务模块中配置需要显示的界面元素。 通用界面框架实现思路: 我希望能够实现这样的通用界面框架: (1)程序员可以直接实现需要展现业务逻辑的界面,不需要关注如何使用ModernUI; (2)程序员可以通过简单的配置就可以将自己实现的业务逻辑页面显示在主界面中; (3)这个界面框架可以完全复用。 当我看到ModernUI这个界面库时,我希望将应用程序做成模块化,每一个模块能够: (1)通过以下配置能够直接显示二级菜单。 (2)通过以下配置能够直接显示三级菜单。 这样做的好处是,开发插件的时候可以不需要关心界面框架插件;团队在协作开发应用的时候,可以独立开发并不需要修改主界面;团队成员的插件可以随时集成到这个主界面;当主界面无法满足我们的布局时或者用户需求无法满足时,可以直接替换主界面框架而不需要修改任何插件代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值