如何使用SkinBuilder
在东日Skin方案 v2中,Skin组件包(比如:SUISkin for Delphi/C++Builder,IrisSkin for .NET/Winforms)遵循统一的Skin规范并使用统一的Skin文 件(*.ssk)。SkinBuilder是用于把单个的源位图文件编译成Skin文件的工具。SkinBuilder同时可以把Skin文件(*.ssk)和旧版本的Skin文件(*.sui)反编译成单个的源位图文件。
使用新的支持读取VisualStyle(*.msstyles)文件的SkinBuilder工具,您现在可以拥有上千个skin!
下载免费的SkinBuilder工具,请点击此处。
SkinBuilder工具的界面截图如下:
-
什么是源位图
源位图是一个可以被SkinBuilder编译成Skin文件的位图文件(.bmp)。东日Skin 方案v2 的SkinBuilder把遵循特定规范的位图文件编译成Skin文件。该位图文件中必须包括Skin中的所有元素。也就是说,UI/skin设计师仅需要在位图文件中画上所设计的所有元素,SkinBuilder即可把位图文件编译成开发者可以使用的Skin文件。了解关于原位图的规格定义以及创建方法,请点击此处。
-
新建源位图
首先,您必须创建一个源位图,并使用画图工具(比如,Windows的画笔,Photoshop等等)画上所有的元素。我们推荐的方法是,先用SkinBuilder工具打开一个东日软件官方提供的Skin文件(您可以从东日软件网站上下载获取),将其保存为一个位图文件,然后再在这个位图文件的基础上修改成您的设计效果,最后编译成Skin文件即可。
点击主菜单项“文件”|“新建位图” 即可创建一个位图,或者直接点击主界面工具栏上的“新建位图”按钮即可。
-
打开源位图
点击主菜单项“文件”|“打开位图” 即可打开一个设计好的位图文件,或者直接点击主界面工具栏上的“打开一个位图”按钮即可。
-
打开Skin文件
点击主菜单项“文件”|“读取Skin文件(*.ssk)…”即可打开一个Skin文件,或者直接点击主界面工具栏上的“读取Skin文件(*.ssk)”按钮即可。SkinBuilder会 将Skin文件反编译成一个源位图,您可以保存源位图到一个BMP文件中。
-
打开v1(旧版本)的skin文件
SkinBuilder同时支持反编译 v1 的Skin文件(.sui)。如果您曾经做过旧版本的Skin文件,可以在SkinBuilder中打开并编译为新版本的Skin文件(.ssk)。
点击主菜单项“文件”|“读取v1 Skin文件(*.sui)…”即可打开一个Skin文件,或者直接点击主界面工具栏上的“读取v1 Skin文件(*.sui)”按钮即可。
-
预览
打开一个位图或Skin文件后,点击主菜单项“Skin”|“预览”,或者直接点击主界面工具栏上的“预览”按钮,即可预览该源位图或Skin文件的Skin效果。 -
编译/编译密码保护的Skin
打开一个源位图或Skin文件后,您可以把它编译成一个Skin文件,甚至可以编译成一个带有密码保护的Skin文件。任何人要使用或者反编译带密码保护的Skin文件时,都必须知道该密码才能使用。