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

DavinTang 2011-03-26

展开全文

金山对其金山卫士进行了开源,目前已经公开了6个子项目。

不过也许很多人和我一样对安全部分的功能并不感兴趣，毕竟那需要比较艰辛的工作。

但对其所运用的界面库部分可能比较感兴趣，该库是基于目前比较流行的DIRECTUI技术，非常适合于工具软件的开发，例如互联网软件及娱乐软件等。

不过目前该库是作为源代码进行调用的，使用并不方便。所以我准备将其从金山卫士的项目中分离出来，作为独立的库进行调用，并同时撰写其使用文档资料，欢迎有此同好的朋友加入。

原来希望将库做成DLL形式的,后来发现全部是模版实现,没办法导出.

所以暂时先以源码形式调用,以后有机会再看如何处理成DLL的.

要阅读金山代码需要一定的WTL编程经验。

使用方法可以先参考附件当中的样例代码,详细文档资料将陆续编写出来.

该界面库是典型的DirectUI的实现方法,相信TX的也是基本类似,不过TX肯定实现的更加深入一些,

但通过该框架,继续深入开发估计也不会太困难.

目前编写了两个预览界面,如下所示:

描述XML如下:

view plain copy to clipboard print ?

<layer title="sample1" width="600" height="470" appwin="1">
<header class="mainhead" width="full" height="23">
<icon src="ICON_MAIN" mce_src="ICON_MAIN" pos="5,4"/>
<text class="dlgtitle" pos="25,6">样例程序1</text>
<imgbtn id="60003" class="linkimage" skin="minbtn" pos="-105,1"/>
<imgbtn id="60002" class="linkimage" skin="maxbtn" pos="-73,1"/>
<imgbtn id="60001" class="linkimage" skin="closeonlybtn" pos="-43,1"/>
</header>
<body class="mainbody" width="full" height="full">
<dlg pos="0,0,-0,-0" crbg=F7FBBF>
<text class="hellowordstyle" pos="50,200">hello world!</text>
</dlg>
</body>
<footer class="mainfoot" width="full" height="23" crbg=FFB9B9>
</footer>
</layer>

XML如下:

view plain copy to clipboard print ?

<layer title="sample1" width="600" height="470" appwin="1">
<header class="mainhead" width="full" height="31">
<icon src="ICON_MAIN" mce_src="ICON_MAIN" pos="5,4"/>
<text class="dlgtitle" pos="25,6">样例程序1</text>
<imgbtn id="60003" class="linkimage" skin="minbtn" pos="-105,0"/>
<imgbtn id="60002" class="linkimage" skin="maxbtn" pos="-79,0"/>
<imgbtn id="60001" class="linkimage" skin="closeonlybtn" pos="-53,0"/>
</header>
<body class="mainbody" width="full" height="full">
<button id="1" class="normalbtn" pos="50,20,110,40">普通按钮</button>
<text class="infostyle" pos="120,25,180">信息显示:</text>
<text id="2" class="infostyle" pos="200,25">Ready</text>
<hr style="dot" mce_style="dot" size=1 pos="50,50,250,50" crbg=888888 />
<check id="3" check=4 pos="50,60">复选框1</check>
<check id="4" pos="50,80">复选框2</check>
<hr style="dot" mce_style="dot" size=1 pos="50,100,250,100" crbg=888888 />
<radio id="5" check=4 pos="50,120">Radio按钮1</radio>
<radio id="6" pos="50,140">Radio按钮2</radio>
<radio id="7" pos="50,160">Radio按钮3</radio>
<progress id="8" pos="50,200,250,210" min="0" max="100" value="30" showpercent="1" bgskin="progressbg" posskin="progresspos" show="1" />
<button id="9" class="normalbtn" pos="50,220,110,240">增加</button>
<button id="10" class="normalbtn" pos="120,220,180,240">减少</button>
<img id="11" pos="50,250" skin="loading" sub="0"/>
<text class="infostyle" pos="70,250">Loading...</text>
</body>
<footer class="mainfoot" width="full" height="34" crbg=FFB9B9>
</footer>
</layer>