搞UI对大多数程序员来说,是个噩梦,因此,我们总是追求使界面看起来更加协调,不土气。在本文,我将分享一个非常漂亮且具现代化风格的WPF界面框架,这里,将介绍这个界面框架和如何来使用这个界面框架,后面附有示例源码。
1 认识一下这个界面框架
首先我们来看看这个界面框架的风格和功能。以下图片是这个界面框架的大致风格。
这个界面框架实现了3级菜单,第三季菜单可以用List或者Tab方式。下图介绍了一级菜单、二级菜单和内容页面。
当需要展示三级菜单时,系统可以有如下风格。
该界面还提供了换外观颜色、换皮肤和设置字体功能。
此外,该界面还提供了回退功能,允许点击界面左上角的返回按钮回到上一个界面。
界面的功能介绍已经OK了这样的灵活布局可以很好适应简单或者复杂的应用系统,下面我们来看看如何使用。
2 使用界面框架
该界面框架是iOpenWorks插件仓库众多插件中的一个界面框架插件(?proID=374),完全复用,其它插件可以将需要的菜单和内容动态注册到界面框架。以下是扩展界面元素的配置。
这个可复用的界面框架,暴露了界面的扩展,你可以通过定义一个Extension的XML信息就可以在界面框架上自动创建二级导航菜单或者三级导航菜单,并将创建的页面显示在内容区域。
扩展信息通过定义LinkGroup来配置一级菜单,定义Link配置二级菜单及对应显示的页面,定义TabLink来配置三级菜单。每一个插件可以同时定义多个一级菜单,如上图所示,DemoPlugin定义了2个一级菜单。
这个界面框架提供了很好的动态性支持,当停止插件时,插件所注册的界面元素就消失。如下所示。相反,如果新安装启动了其它插件,则界面的菜单就会越来越多了。
以下是DemoPlugin这个插件项目,它创建了8个WPF用户控件,我们可以直接在页面中实现业务逻辑,而不再需要关注界面了,而且这个界面框架可以在下一个项目中直接重用。
以下地址是示例代码: 点击下载示例源码。