DirectUI界面编程（零）简介

我会带着你远行 2022-08-02 04:40 157阅读 0赞

有过Win32、MFC编程经验的朋友应该都知道，传统Windows应用中的按钮、编辑框等控件都是一个子窗口，操作系统通过窗口句柄来唯一标识该窗口。 使用Windows 标准控件创建用户界面，美化起来是相当困难的，例如我们需要使用一张位图作为按钮的背景，MFC应用需要以下几个步骤：

*  1.继承CButton类。
 *  2.为按钮添加BS\_OWNERDRAW样式。
 *  3.重写DrawItem函数，在该函数中调用绘图API进行按钮的绘制。

要对每一个控件都进行自绘工作量是相当大的，使用DirectUI结合目前市场上的界面库进行界面设计就简单多了。

DirectUI是相对于传统控件而言的一种新的界面设计技术，笔者看来DirectUI只是一种界面设计理念，即我们的按钮、编辑框等不再以窗口句柄的形式创建，而是在主窗口客户区的一个逻辑区域。

例如通过DirectUI思想创建的按钮，其实只是在主窗口中绘制的一张图片，当用户点击图片在该窗口中的区域时，我们就认为是该`"按钮"`的点击事件，为了使得按钮更加逼真，我们还可以在点击时绘制另一张按下状态的按钮图片。

目前基于DirectUI设计思想实现的界面库也是比较多的，而且很多都是免费或者开源的，下面介绍笔者比较喜欢的两款：

## 1.免费界面库SkinUI ##

官方网站：[http://www.skinui.cn/index.htm][http_www.skinui.cn_index.htm]  
特点：逻辑与界面分离：支持xml文件进行窗口布局，更改界面布局文件，不影响程序功能，甚至不需重新编译。  
炫彩换肤：SkinUI界面库具备一键换肤的功能，除了提供一套默认皮肤外，还可以自由配置多套系统皮肤。

官方Demo：  
![这里写图片描述][20150708222500900]

![这里写图片描述][20150708222522939]

上面是使用SkinUI构建的360安全卫士和360压缩界面，效果还不错吧！

## 2.开源界面库Duilib ##

Duilib是一款基于DirectUI思想实现的一款开源界面库，支持xml界面布局，界面设计与业务逻辑分离，具有强大的事件处理机制。而且提供了一款所见即所得的界面编辑器UIDesigner。  
这套界面源码最初托管在`Google Code`上。  
项目地址：[http://code.google.com/p/duilib/][http_code.google.com_p_duilib]，基于众所周知的原因，目前最新的源码已经迁移到Github。  
Github地址：[https://github.com/duilib/duilib][https_github.com_duilib_duilib]

下面我们来看看官方提供的Demo：  
![这里写图片描述][20150708224004500]

![这里写图片描述][20150708224020228]

效果也还不错吧，开源的东西一向比较受到笔者的青睐，Duilib也是笔者想详细介绍的一款界面库，从下节开始我们一起学习这套界面库的使用方法。

[http_www.skinui.cn_index.htm]: http://www.skinui.cn/index.htm
[20150708222500900]: /images/20220731/25efa73a5b644a4ca023dd71409627b9.png
[20150708222522939]: /images/20220731/9d0545ea7bca4ec49ccf57b0a65dcd35.png
[http_code.google.com_p_duilib]: http://code.google.com/p/duilib/
[https_github.com_duilib_duilib]: https://github.com/duilib/duilib
[20150708224004500]: /images/20220731/b9f0d77cc86544c49b690e761741500d.png
[20150708224020228]: /images/20220731/a18ff6b91e9143ad88b130c9d6e98519.png