金山卫士界面源码解读及界面库分离(2)

前面已经发布了分离后的Kui代码,我们继续,下面来解释该代码库的使用.

 

首先要说下Kui框架的一些基础概念:

 一、

金山界面库不使用Windows的窗口布局,只是使用Windows的窗口作为一个载体,整个窗口都只是作为一个绘制面,

 

而Kui对窗口实行重新布局,取消了原窗口非客户区和客户区的概念.而自己对窗口划分为上中下三个部分.

 

上部分为Header,一般作为窗口标题栏,可以放置缩小,最大化,关闭按钮,

中部分为Body,是窗口主要功能操作区域,

下部分为Footer,一般作为状态显示.

 

这部分说明主要是为了以后写XML时使用. 

 

 二、

Kui将使用到的诸如图片，布局定义xml等文件使用zip打包，并按资源名"kuires.dat",资源类别为"SKIN"，保存到运行程序的资源里

 

 三、

Kui库使用xml格式定义控件及资源的布局，这也是通常DirectUI的做法（xml布局，脚本控制[Kui里面没使用]，windowless）。

 

有了以上的概念就可以使用Kui来进行界面开发了。

 

同学们可以参考第一个样例程序----该程序在客户区显示经典的hello world.并且对窗口外框进行了美化。

 

一、建立工程

首先使用向导建立一个Win32程序，对！是Win32程序，选择了Kui，你将不能使用MFC编程了，因为没有了MFC的窗口概念。

 

你将应用微软的另一个库进行程序开发----WTL。

 

好处就是开发出来的程序不会那么臃肿了，缺点嘛，就是没有MFC那么方便了。

 

不过习惯了也没什么的。都是同一家公司的技术，所以肯定各有好处。

 

二、编写入口程序

首先当然是包含库文件，在stdafx.h中定义

// 界面库
#include "../../include/KUILib.h"

 

然后写入口函数

WTL的程序都有一个程序实例，与MFC的CWinApp对应，但Kui对它进行了继承以完成了一些初始化操作，你可以直接使用该类来定义实例。如Sample1所示：

HINSTANCE g_hInstance; // 定义实例句柄，必须的。
CKuiApp<CMainWnd> _Module;//用Kui的默认类，其中CMainWnd是模版参数，是使用的主窗口类，后面会解释，定义一个实例，你也可以继承新的类。

CAppModule* _ModulePtr = &_Module;// 定义实例指针，必须的。

完整代码：

#include "stdafx.h" #include "./mainwnd.h" // HINSTANCE g_hInstance; // CKuiApp<CMainWnd> _Module; CAppModule* _ModulePtr = &_Module; // // int WINAPI _tWinMain( HINSTANCE hInstance, HINSTANCE hPrevInstance, LPTSTR lpCmdLine, int nCmdShow) { g_hInstance = hInstance; _Module.Init( hInstance ); _Module.Main(); _Module.UnInit(); return 0; }

 

三、窗口函数定义

下面接着要编写主窗口类了

其中头文件MainWnd.h如下：

#pragma once #include "stdafx.h" class CMainWnd : public CKuiDialogImpl<CMainWnd> , public CWHRoundRectFrameHelper<CMainWnd> { public: CMainWnd(void); virtual ~CMainWnd(void); void OnDestroy(); void OnBkBtnClose(); void OnBkBtnMax(); void OnBkBtnMin(); KUI_NOTIFY_MAP(IDC_RICHVIEW_WIN) KUI_NOTIFY_ID_COMMAND(60001, OnBkBtnClose) KUI_NOTIFY_ID_COMMAND(60002, OnBkBtnMax) KUI_NOTIFY_ID_COMMAND(60003, OnBkBtnMin) //KUI_NOTIFY_TAB_SELCHANGE(IDC_TAB_MAIN, OnBkTabMainSelChange) KUI_NOTIFY_MAP_END() BEGIN_MSG_MAP_EX(CMainWnd) MSG_KUI_NOTIFY(IDC_RICHVIEW_WIN) CHAIN_MSG_MAP(CKuiDialogImpl<CMainWnd>) CHAIN_MSG_MAP(CWHRoundRectFrameHelper<CMainWnd>) //MSG_WM_INITDIALOG(OnInitDialog) //MSG_WM_SYSCOMMAND(OnSysCommand) MSG_WM_DESTROY(OnDestroy) REFLECT_NOTIFICATIONS_EX() END_MSG_MAP() };

实现文件MainWnd.cpp如下：

#include "stdafx.h" #include "./mainwnd.h" CMainWnd::CMainWnd(void) : CKuiDialogImpl<CMainWnd>( "IDR_DLG_MAIN" ) { } CMainWnd::~CMainWnd(void) { } void CMainWnd::OnDestroy() { PostQuitMessage(0); } void CMainWnd::OnBkBtnMax() { if (WS_MAXIMIZE == (GetStyle() & WS_MAXIMIZE)) { SendMessage(WM_SYSCOMMAND, SC_RESTORE | HTCAPTION, 0); } else { SendMessage(WM_SYSCOMMAND, SC_MAXIMIZE | HTCAPTION, 0); } } void CMainWnd::OnBkBtnMin() { SendMessage(WM_SYSCOMMAND, SC_MINIMIZE | HTCAPTION, 0); } void CMainWnd::OnBkBtnClose() { DestroyWindow(); }

 

下面对代码关键部分进行说明：

主窗口继承自两个类

CKuiDialogImpl<CMainWnd> 是对话框窗口实现模版，主窗口继承自该类，没有接触模版的同学可能对该写法有些奇怪，看看模版介绍就可以了。

CWHRoundRectFrameHelper<CMainWnd> 是一个异型窗口辅助，实现了圆角窗口。

 

KUI_NOTIFY_MAP(IDC_RICHVIEW_WIN) KUI_NOTIFY_ID_COMMAND(60001, OnBkBtnClose) KUI_NOTIFY_ID_COMMAND(60002, OnBkBtnMax) KUI_NOTIFY_ID_COMMAND(60003, OnBkBtnMin) KUI_NOTIFY_MAP_END()

上面这些宏映射了控件通知到相应的函数

 

BEGIN_MSG_MAP_EX(CMainWnd) MSG_KUI_NOTIFY(IDC_RICHVIEW_WIN) CHAIN_MSG_MAP(CKuiDialogImpl<CMainWnd>) CHAIN_MSG_MAP(CWHRoundRectFrameHelper<CMainWnd>) //MSG_WM_INITDIALOG(OnInitDialog) //MSG_WM_SYSCOMMAND(OnSysCommand) MSG_WM_DESTROY(OnDestroy) REFLECT_NOTIFICATIONS_EX() END_MSG_MAP()

 

上面这些宏映射了窗口消息到对应函数。

 

这些代码作用跟MFC的消息映射作用是一样的，但实作手法有些差异。其实WTL的更原始。

 

实现部分的代码就比较简单了。

 

四、最后就是资源的添加了。

可以参考Sample1.rc文件，直接在相应位置添加一行

kuires.dat    SKIN     "res//sample1.kui"

 

至此Kui库整个使用过程就是如此简单。

你需要做的就是定义主窗口的消息处理及函数而已。

 

 

本项目已经在GOOGLE的开源项目里创建了工程，如果你有兴趣加入可以联系我。

svn https://openkui.googlecode.com/svn/trunk

 

本程序代码可以在第一篇里下载

金山卫士界面源码解读及界面库分离(1)