codejock

VC界面库皮肤库

2009年09月06日星期日19:58

CJLib(mfc扩展开发包,是xtremetoolkit的前生，但xtreme

toolkit收费了)

/

BCGControlBar(收费，mfc扩展开发包，功能很强大)

SkinMagic(收费，看起来像Office)

/html/

AppFace(收费，支持mfc,VCL,ATL,WTL框架)

/chs/

SKin++(收费，界面很好看)

/

USkin(收费，界面很好看)

/

SYGUI(收费,mfc扩展框架)

/

LibUIDK(部分免费，不开源，效果好,适合贴图)

/

GuiToolkit(开源，mfc扩展框架)

/

GardenUI(免费，界面效果挺好的,XML，代码界面分离)

/

几种免费的界面库及其用法

MFC的标准界面给程序员带来了一定的便利，但也使得用户总是抱

怨Windows的界面非常的糟糕，于是各种各样的界面库诞生了，从金山

瑞星等公司的一系列的软件来看，他们就有自己的界面库。好的界面库

使用起来非常简单，就如QQ的换肤功能，转眼间使得软件面貌一新。

一个好的界面库可以大大降低编程的复杂程度，提高开发速度，保

证软件风格的一致性。为了DVBAres的开发，我考察了几种（免费）界

面库。

1。AppFace。

AppFace在一部分软件开发者的好评，因为它的使用实在是简单，

而且稳定性和效率都不错，而且对于个人用户还有免费条款，因此中文

页面上的介绍比较多。

这一款软件在其0.x版本上还是免费的，到目前的版本上已经不免

费了，只提供90天的试用期。

2。MenuXP

MenuXP这个界面库只能作出仿OfficeXp风格的界面，使用起来也

算简单，而且很关键的一条，它是免费的。

参考网址：/menu/

3。CJ60。

CJ60原名为MFC的扩展库，是世界著名的界面库，网上有较多的源

代码下载，不过这个扩展库的使用是针对MFC标准控件的，如果要研究

这个界面库，则可以参考《VC++界面一揽子方案》，其中的说明文档对

这些界面控件有较好的描述。

4。BCG。

专业版是一套非常好的MFC扩展界面库!可以帮助你在编程时轻松

制作出非常漂亮专业的自定义界面！提供100多种界面,很容易经过我

们自己的重新设计组合成满意的效果。缺点是复杂，使用起来需要一个

学习的过程。

通过网上查询，发现可用的免费的较好的界面库非常少，大部分的

曾经免费的界面库都已经商业化。不过武爱敏手上正好有一个较老的界

面库，测试了一下，效果还可以，于是终止了费力的调查。

AppFace的介绍

AppFaceForVC支持Win9X/NT/2K/XP,UNICODE/ANSI,能够对目标

进程里的所有Widows标准控件,系统菜单,通用对话框等实现换肤，对

非商业用途而言，它是完全免费的。关键的是AppFace的使用非常简单,

很容易添加到已有的工程中。我使用的是0.2版,你也可以到它的网站

去下载最新版本。

运行效果图如下：

AppFace支持三种皮肤加载方式,从磁盘文件加载，从资源加载，

从内存加载。下面我就说说如何从资源加载URF皮肤文件:

首先，要确保你下载了AppFaceforVC开发包，我们要用到其中

的三个文件:"appface.h","",""。

接着，创建一个VC可执行文件工程,MDI/SDI/DIALOG/WIN32类

型的都可以,我以创建一个DIALOG工程ResSkin进行说明。将

"appface.h"拷贝到该工程目录下,将""拷贝到该工程的

输出目录下,例如:"debug",将""拷贝到资源所在目录

下。在VC的项目管理器中进入资源管理项,在右键菜单中选择

"Import",将""添加进工程,资源类型设定为:

"MYRESTYPE",资源ID设定为"IDR_MY_URF"。注意:资源ID前面一定要

加双引号。

准备工作全部完成了,现在进入正题:

1.在中加入:#include"appface.h"

2.在CResSkinApp::InitInstance()成员函数中添加如下代码

CResSkinApp::InitInstance()

{

...

CAppFaceaf;//line1

(_T("IDR_MY_URF"),GTP_LOAD_RESOURCE,NULL,_T("MYTY

PE"),NULL);//line2

CResSkinDlgdlg;

m_pMainWnd=&dlg;

intnResponse=l();

...

();//line3

}

编译...一切搞定!

3.上面是官方的做法,由于appface也支持从内存中加载urf,所

以您也可以这样做:

CResSkinApp::InitInstance()

{

...

CAppFaceaf;//Init

//Load

if(HRSRChr=::FindResource(NULL,"IDR_MY_URF","MYTYPE"))

{

ULONGnResSize=::SizeofResource(NULL,hr);

if(HGLOBALhz=::LoadResource(NULL,hr))

{

char*p=(char*)LockResource(hz);

if(p)

(p,GTP_LOAD_MEMORY,nResSize,NULL,NULL);

}

}

CResSkinDlgdlg;

m_pMainWnd=&dlg;

intnResponse=l();

...

();//Release

}

你可以使用这种方法从资源中加载其它数据。

需要注意的是:如果将URF添加进资源时,资源ID没有用双引号括

起来,加载时必须这样写:

(_T("IDR_MY_URF"),GTP_LOAD_RESOURCE,NULL,MAKEINTR

ESOURCE(_T("MYTYPE")),NULL));//line2

四、结束语:

也尝试过使用其它的界面开发库,感觉AppFace是最容易使用的,加

载速度最快，稳定性也不错。不过它的免费版只提供了三个urf皮肤文

件，略为有些遗憾。欢迎转载。MenuxP的使用方法

随着WindowsXP和OfficeXP的推出，兼具华美和清爽气质的

OfficeXP界面风格也逐渐取代了Windows经典界面风格而成为了当前

应用程序的流行“时装”，因而如何使自己的应用程序拥有OfficeXP

风格的界面也成为了广大程序员感兴趣的问题。为此法国程序员

Jean-MichelLEFOL针对于VisualC++编写了CMenuXP类，使用CMenuXP

类就可以轻松使自己的应用程序拥有OfficeXP风格的界面。下面我就

以详细介绍一下使用CMenuXP的步骤。

首先新建一个名叫“SDIXP”的单文档的MFC应用程序。在我们能

使用CMenuXP之前，必须进行一下几步操作：

1.将CMenuXP的源文件和头文件所在的文件夹（一般放在

名叫“Tools”）放到SDIXP源文件的目录下。

2.将VisualC++切换到“文件视图（FileView）”，加入

CMenuXP的源文件和头文件。具体可以这样进行：在FileView的树状目

录下，展开SDIfiles，在SourceFiles目录上点击右键，创建新目录

（“NewFolder„”），不妨取名叫“Tools”，再在Tools目录上点

击右键，选择加入文件（“AddFilestoFolder„”），将Tools文

件夹下的所有源文件（*.cpp）全部加进来。同理，在文件视图的Header

Files目录下新建一个叫做“ToolHeaders”,再将Tools文件夹下的所

有头文件（*.h）全部加到ToolHeaders目录里。

3.（1）在控制菜单的类的头文件（对于SDI程序通常是

MainFrm.h）里加入所需要的CMenuXP类的头文件名：

#include"Tools/MenuXP.h"

#include"Tools/ToolBarXP.h"

#include"Tools/StatusBarXP.h"

#include"Tools/ComboBoxXP.h"

再在MainFrm.h里加入下面的宏：

DECLARE_MENUXP()

上述语句可以加在CMainFrame类声明里的宏定义

“DECLARE_MESSAGE_MAP()”的后面。

（2）在控制菜单的类的源文件（）里加入：

IMPLEMENT_MENUXP(类名,基类名);

对于SDI工程就是

IMPLEMENT_MENUXP(CMainFrame,CFrameWnd);

上述语句加在CMainFrame开头的

“IMPLEMENT_DYNCREATE(CMainFrame,CFrameWnd)”后面。

（3）接着继续在消息映射里如下加入：

BEGIN_MESSAGE_MAP(className,baseClass)

//...

ON_MENUXP_MESSAGES()//加入这一行

END_MESSAGE_MAP()

（4）在继承于CWinApp的类（这里就是CSDIXPApp）中的

InitInstance()函数里加入：

CMenuXP::InitializeHook();

可以加在“AfxEnableControlContainer();”语句后面。

然后再为CSDIXPApp类重载ExitInstance()函数，可以在“类视图

（ClassView）”里点右键加入。再在ExitInstance()函数里加入：

CMenuXP::UninitializeHook();

以上步骤做完之后可以按F7编译一下，如果一切没有问题我们就

可以开始使用CMenuXP来美化我们的菜单和工具栏了。

首先，我们来将菜单和菜单项XP化。这很简单，只要在CMainFrame::

OnCreate()函数里加入：

CMenuXP::UpdateMenuBar(this);

CMenuXP::SetXPLookNFeel(this);

就OK了。现在你编译运行一下，看看你的程序菜单是不是改头换

面了？

如果你想为自己菜单项定制图标，我们可以用

CMenuXP::SetMenuItemImage(UNITnID,HIMAGELISThImgList,int

nIndex)函数来实现。为此，我们新建一个菜单“水果”和菜单项“苹

果”（ID设置为ID_MENUITEM_APPLE），打开ClassWizard为

ID_MENUITEM_APPLE添加消息处理函数OnMenuitemApple()。然后再导

入一个位图资源“”，其ID设置为IDB_APPLE。

接着我们为CMainFrame添加CImageList类型的成员变量

m_imgList，再在CMainFrame::OnCreate()函数的

“CMenuXP::SetXPLookNFeel(this);”后面加入：

m_(IDB_APPLE,0,0,RGB(192,192,192));

CMenuXP::SetMenuItemImage(ID_MENUITEM_APPLE,m_imgList,

0);

其中m_()函数中的第2,3个参数是位图文件的图像

拷贝的左上角坐标，最后一个参数是图像的背景色。建议使用16×16

的位图。SetMenuItemImage()函数的最后一个参数指的是m_imgList的

中元素的索引，这里因为m_imgList.只包含一个位图，故取零。编译后

运行，看看“水果|苹果”菜单项前面是不是多了一个苹果的图标？

下面我们在将使工具栏和状态栏XP化，这个更加easy了。只要将

CMainFrame类声明中的

CStatusBarm_wndStatusBar;

CToolBarm_wndToolBar;

变成

CStatusBarXPm_wndStatusBar;

CToolBarXPm_wndToolBar;

就搞定了！不信，你编译运行一下看看，^_*

CMenuXP还可以将按钮和下拉列表框变成OfficeXP风格的。为此

我们新建一个对话框IDD_APPLE。OK和Cancel按钮保持不动，我们只

增添一个下拉列表框控件IDC_COMBO1。然后按Ctrl+W打开ClassWizard

为该对话框新建一个CAppleDlg类。再在ClassWizard中的Member

Variable里为IDC_COMBO1添加Control类型的变量m_cmbx1。接着为

CAppleDlg重载OnInitDialog()用以初始化控件：

BOOLCAppleDlg::OnInitDialog()

{

CDialog::OnInitDialog();

m_ing("红苹果");

m_ing("青苹果");

returnTRUE;

}

然后在“苹果”菜单项的消息处理函数中使苹果对话框弹出：

voidCMainFrame::OnMenuitemApple()

{

//TODO:Addyourcommandhandlercodehere

CAppleDlgdialog;

l();

}

如果这时编译运行，就会看到打开“水果|苹果”菜单项后弹出一

个对话框，但上面的控件还不是OfficeXP风格的，下面我们就着手使

其XP化，其实这同样也是很easy的！

先在AppleDlg.h文件中包含"Tools/ComboBoxXP.h"和

"Tools/ButtonXP.h"，再找到定义m_cmbx1的位置，将

CComboBoxm_cmbx1;

变成

CComboBoxXPm_cmbx1;

这样下拉列表框就有XP风格了，不信你编译运行试试。关于OK和

Cancel按钮就稍微特殊一点，因为它们是直接用IDOK和IDCANCEL标识

的默认按钮，但为了使它们XP化，我们还是得为这两个按钮添加控制

变量。因此，在CAppleDlg类的声明中添加：

CButtonXPm_btnOK;

CButtonXPm_btnCancel;

再在CAppleDlg::DoDataExchange()函数中添加数据交换：

DDX_Control(pDX,IDOK,m_btnOK);

DDX_Control(pDX,IDCANCEL,m_btnCancel);

这样，OK和Cancel按钮也都XP化了。大家编译运行一下，看看效

果怎么样。

总之，使用Jean-MichelLEFOL的CMenuXP给用VisualC++开发

的应用程序换上OfficeXP风格的界面还是很不错的，操作起来也比较

简便。唯一不足的就是其他许多控件，如文本框等还是没有OfficeXP

风格，这就期待着原作者以及我们大家继续完善CMenuXP类。