MX3皮肤系统参考文档对应皮肤框架版本号:1.0.12文档版本:1.1.15简述Mx3使用的界面引擎是基于HTML的轻量级渲染引擎.修改mx3的界面与修改网页一样方便灵活.在一般CSS支持的基础上,mx3的界面库还支持更多扩展的效果和功能.默认皮肤结构说明软件自带的界面文件包的结构如下:skin3.ini内建皮肤的定义文件./base/基础样式定义了全局共享的各种基本控件的样式./icons/全局共享的默认图标/main/默认皮肤目录(现代风)/main.classic/经典皮肤目录其他目录内建界面的定义文件*默认皮肤里面只有/main/目录可以通过皮肤包修改.以下是默认皮肤的结构表:/main/主界面文件夹/main/index.htm/main/index.css主界面入口.定义对各种基础样式文件的引用.一般皮肤不建议替换./main/layout.htm/main/layout.css主界面布局.可用通过此文件调整各个界面块的位置./main/skin.css供简单自定义用的css文件.默认为空.此文件在皮肤所有css文件的最后加载,可以方便地重新定义已有的样式.大部分简单的皮肤样式替换可以通过修改此文件实现./main/window.css/main/menu.css/main/toolbar.css用于改写基础css样式的额外文件.基础css样式位于程序自带皮肤资源的/base/目录内./main/constants.css界面内引用到的常数定义.一般不要修改./main/images/主界面图像可以替换或是添加皮肤用到的图像./main/navbar/导航栏/main/navbar/index.htm/main/navbar/index.css导航栏基础布局/main/navbar/buttons.htm/main/navbar/buttons.css/main/navbar/buttons.menu.htm/main/navbar/buttons.menu.css导航栏按钮及所依赖的菜单/main/tabbar/标签栏/main/favbar/收藏栏/main/statusbar/状态栏/main/objects/特殊界面对象文件夹/main/objects/avatar.htm/main/objects/avatar.css头像的皮肤定义文件./main/main-menu/主菜单(不建议修改,避免版本更新后功能缺失.)/main/sidebar/侧边栏main.classic目录内的文件结构与main目录相同.皮肤文件的处理机制Mx3的皮肤文件采取同名替换机制处理.主程序用皮肤包中的同名文件覆盖内置的皮肤文件,整合成最后的皮肤内容.这种方式能给皮肤制作者提供从简单到复杂的各层次皮肤支持.皮肤作者可以只替换部分图标或是配色,也可以替换掉整个mx3的界面.例如:用户皮肤包内文件内置皮肤文件合并后得到的皮肤内容skin3.iniskin3.iniskin3.ini(替换为用户皮肤内容)preview.jpgpreview.jpgpreview.jpg未提供thumbnail.jpgthumbnail.jpg/main/index.htm/main/index.htm/main/index.htm/main/skin.css/main/skin.css/main/skin.css/main/images/big_logo.png(额外文件)无对应文件/main/images/big_logo.png未提供/main/layout.htm/main/layout.htm皮肤包的内容因为皮肤系统的灵活性,所以每个皮肤包中除了skin.ini之外没有固定文件.一个简单修改样式的皮肤可以只含有:skin3.ini皮肤定义文件/main/skin.css皮肤的自定义css文件一个只修改了界面图像的皮肤可以只含有:skin3.ini皮肤定义文件preview.jpg预览图像thumbnail.jpg缩略图/main/images/*.*修改过的图标图像文件一个彻底修改整个界面且有两套界面样式的皮肤含有:skin3.ini皮肤定义文件preview.jpg预览图像thumbnail.jpg缩略图/main/*.*主界面定义文件/skin.xxx/*.*其它样式的主界面定义文件皮肤定义文件skin3.ini此文件必须保存为Unicode编码格式.下面是一个皮肤定义文件的范例.绿色文字为注释和说明://**********************************************************