MetroModernUI库应用实例 - WinForm窗体UI的美化

15 篇文章 2 订阅

MetroModernUI库应用实例

本文将详细描述MetroModernUI库的安装过程及基本的使用方法。


安装流程

搜索并安装MetroModernUI库

  1. 对项目右键单击,选择“管理NuGet程序包”
    在这里插入图片描述

  2. 在【1】中输入“Metro”执行搜索,待显示所有结果后选择与【2】中信息相同的项,单击【3】处的安装。
    在这里插入图片描述

  3. 安装成功后会显示红框中的信息
    在这里插入图片描述

  4. 安装完毕后打开WinForm窗体,如图所示,修改窗体父类为“MetroForm”。
    在这里插入图片描述


导入Metro控件到工具栏

  1. 在工具栏中右键单击,选择添加选项卡,创建一个新的选项卡并为其命名。
    在这里插入图片描述

  2. 右键单击新建的选项卡,单击“选择项”。
    在这里插入图片描述

  3. 单击浏览,找到解决方案文件目录下“\packages\MetroModernUI.1.4.0.0\lib\net”中的MetroFramework.dll文件
    在这里插入图片描述

  4. 添加完毕后Metro的控件就显示在工具栏内了。
    在这里插入图片描述

效果展示

在这里插入图片描述
在这里插入图片描述


其他UI框架推荐

ApeForms | WinForm窗体UI美化库(Metro扁平风格)演示与安装

ApeForms| WinForm美化库Demo程序演示

  • 26
    点赞
  • 88
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 34
    评论
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)通过以下配置能够直接显示三级菜单。 这样做的好处是,开发插件的时候可以不需要关心界面框架插件;团队在协作开发应用的时候,可以独立开发并不需要修改主界面;团队成员的插件可以随时集成到这个主界面;当主界面无法满足我们的布局时或者用户需求无法满足时,可以直接替换主界面框架而不需要修改任何插件代码。 最终的效果如下,以下界面的几个菜单及点击菜单显示的内容由DemoPlugin插件、DemoPlugin2插件来提供。当插件框架加载更多插件时,界面上会出现更多的菜单;反之,当插件被卸载或者被停止时,则相应的菜单将消失掉。
评论 34
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

猿长大人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值