软件换肤技术在 BCB 中的实现

核心提示：本文示例源代码或素材下载 看一个软件是否优秀，除了功能健全、性能稳定、容易操作之外，软件换肤技术在 BCB 中的实现，软件界面的美观越来越受到人们的关注，人们不满足于传统的矩形windows窗体，因为整个软件最终的效果都是有美工控制，程序员要实现的只是解析xml数据，不规则窗体的软件到处可见，更进一步发展到软件

本文示例源代码或素材下载

看一个软件是否优秀，除了功能健全、性能稳定、容易操作之外，软件界面的美观越来越受到人们的关注。人们不满足于传统的矩形windows窗体，不规则窗体的软件到处可见，更进一步发展到软件界面由用户根据自己的爱好自由控制，真正实现了软件对用户的友好性。而要实现这一功能，软件换肤技术就是基础。下面我就介绍一种简单明了的方法来制作一个登陆对话框 ，本程序编程环境C++Builder：
　　首先由程序员根据功能要求定义界面元素（控件）,特别值得注意的是控件的名字。如下图：

图一：元素界面
　　其次，美工人员根据该界面元素画图。程序员和美工之间的桥梁是通过一个xml描述文件，也就是说美工每画好一幅图后就要填写一个xml文件。该xml文件需要包括的内容有：每个界面元素在该图中的坐标、元素的 尺寸、元素在窗体中的坐标、当鼠标放上、按下、弹起以及普通、失效等效果图在整个图片中的位置。如下图：

图二：美工制作的登陆窗口元素图
接下去填写xml描述文件，如下：<?xml version = "1.0" encoding="UTF-8"?>
　<root>
<control>
<ctrlName>BMin</ctrlName>　//控件名称
<size>　　　　　　　　　　//控件尺寸
<height>18</height>　　//控件高度
<width>18</width>　　　//控件宽度
</size>
<formPos>　　　　　　　　//控件在窗体中的位置
<left>302</left>　　 //x坐标
<top>2</top>　　　　 //y坐标
</formPos>
<action>　　　　　　　　//事件效果图片位置
<normal> //普通
　　　　　　 <left>0</left>//x坐标
　　　　　　 <top>268</top>　//y坐标
</normal>
<mouseUp> //鼠标放上
　　　　　　 <left>0</left>
　　　　　　 <top>291</top>
</mouseUp>
<mouseDown>//鼠标按下
　　　　　　 <left>0</left>
　　　　　　 <top>314</top>
</mouseDown>
　　　　 <disable/>　　 //失效
　　　　<focus/>　　　 //获取焦点
</action>
</control>
<control>
<ctrlName>BClose</ctrlName>
<size>
<height>18</height>
<width>18</width>
</size>
<formPos>
<left>327</left>
<top>2</top>
</formPos>
<action>
<normal>
　　　　　　<left>28</left>
　　　　　　<top>268</top>
</normal>
<mouseUp>
　　　　　　<left>28</left>
　　　　　　<top>291</top>
</mouseUp>
<mouseDown>
　　　　　　<left>28</left>
　　　　　　<top>314</top>
</mouseDown>
</action>
</control>
...　　//省略了其它的一些元素"<controls/>"
</root>

到此美工人员的任务就算大功告成了。(其实程序员和美工 可以同步进行，程序员不必去考虑界面元素的布局，因为整个软件最终的效果都是有美工控制，程序员要实现的只是解析xml数据，使界面元素按照给定的参数显示就可以。)