浙江哪里做铜件的厂多:无限今日皮肤制作教程(一

无限今日皮肤制作教程(一2009-12-09 16:43

开篇前简单说几句,我也是初学者,也是一步一步学习无限皮肤的制作的,本贴是一个初学者的贴子,难免会有错误,希望高手们也能指导一下我们这些初学的,比如哪些可以优化一下什么的,在此先感谢了.


首先,要设计一张自己理想的皮肤图,将皮肤里用到的元素图片准备好,这里我盗用了NO1皮肤里的部分图标,因为设计图标实在不是本人的长处(其实编写代码也不是我的长处,这不是学习嘛)…..在这里对NO1作者表示歉意和感谢了.将图标整理好,最好放到专门的文件夹里(可以参考附件里的文件夹命名方式).
这里建议在编写代码的时候打开图像编辑器,按自己设计的页面将各种元素放置好,这样可以从图像编辑器中很方便读取到下面会用到的XY坐标,宽度,高度等等参数.
我是用FIREWORKS做的,别的不会用啊,刚开始就遇到麻烦了…我是想实现一种蓝光的效果,FW有些地方不是我想要的啊,设计的差不多了,越看越丑.还盗用了好多别人的图标,唉,这做皮肤的真不是一般的牛啊,尤其是原创的…..
此贴写完后,实现的效果...



终于弄的差不多了,因为先准备做首页,先把首页的元素找齐吧,下面开始写代码了…
打开无限今日皮肤编辑器(置顶贴有下载),打开后点击 文件>新建,如图



先说明一下,点击某一行语句后,在编辑器下方会出现此语句的参数,什么参数有什么意义,编辑器中写的很清楚.
下面我们要对代码进行编辑了.
初步编辑后的样子如下图:(此处引用的NO1皮肤的开头语句,作为第一个无限的主题,NO1应该算是个范例了,所以有好多语句引用的NO1皮肤的,在这里一并向作者表示感谢了)


看了好多INI文件,发现作者们都有一个编写代码的好习惯,就是将代码分好组,并且将代码实现的功能写清楚,自己找起来方便,以后发布了别人修改也方便.唉,如果皮肤的作者们都不写注释,估计我这时候还在一行一行研究呢.
下面对修改后的代码进行解释

#无限今日皮肤脚本文件
<==加个”#”代表此行代码为注释语句
#皮肤名称"蓝色月光", 作者: baoliarmy
<==不用多说吧,版权内容
#===========【皮肤总体设置开始】===========
<==代码分组
#皮肤名字
<==代码的解释
Name=蓝色月光            <==name就是在无限中选择皮肤的皮肤名
#更新频率
Refresh=3

<==刷新频率,数值有0123,各自意思在命令参数中写的很清楚,通过了解,如果刷新频率过快,手机也会很费电的….
#默认加载组号
DefaultGroup=1
<==可以将组理解为页面,此句意思是指默认加载的页面是第一页
#点击特效
ClickRectAlpha=1,0
<==点击效果,两个参数,各参数代表的含义,语句帮助中看
#隐藏软健栏并强制将皮肤显示扩展到软键栏区域
.SoftKeyBar=1,1
<==看上面吧,解释的很清楚,参数可以点击后看代码窗口的提示
#高度
Height=320
#全屏显示,3为直接隐藏系统任务栏
wxBarRect=3,0,0,240,26,#000000,1
<==参数比较多,一个一个理解吧,点击后在编辑器下方有详细的解释.这里的#000000指的是黑色,因为咱们准备用图片代替系统任务栏,这个颜色无所谓了,如果你只准备用某个颜色成为任务栏的背景,就写上你的颜色代码.
#===========【皮肤总体设置结束】===========

好,皮肤的全局设定算是完成了,很简单?错了,这只是个开头,如果你的皮肤要实现很多效果,或者减少代码量,还要对一些自己用着方便的变量进行设定……我们做的,只是最简单的…
接下来定义一下全局的东东,比如背景图,任务栏背景,下方栏背景

#===========【全局开始】===========
#定义背景
wxDrawPicEx=-1,0,0,0,0,0,0,0,0,0,0,blue\bj.jpg

#此命令是最常用的语句之一了,表示显示图片,参数分别解释一下
#-1,表示组号.也就是页面号.因为没看到具体的说明,从本人的理解来看,-1页是始终显示的,适用于皮肤的背景,开始栏,下方页面栏等等.0表示永远不显示.
#-1后面的参数大家看语句说明就能明白,不解释了
#为了我自己的效果,这里我用了全屏黑颜色,想问为什么,因为时钟那个数字图片没做成透明的,换了别的背景更丑了…

#定义开始栏背景
wxDrawPicEx=-1,0,0,0,0,0,0,0,0,0,0,blue\shanglan.png
#定义页面栏背景
wxDrawPicEx=-1,270,0,0,0,0,0,0,0,0,0,blue\xialan.png

#定义开始
wxDrawStringEx=-1,11,0,0,30,0,#0066FF,700,开始
#这行命令,是显示字符, 还有一个字符显示的命令wxDrawStringEx,指显示格式化的字符,两者区别可以参考”指令说明”的12和13项.下面我们只对此行的参数进行说明:(按从左向右的顺序)
#-1—表示此行字符所在的页面号,因为是始终显示,所以是-1
#11—字体大小
#0—文字开始的Y坐标
#0—文字开始的X坐标
#30---此行文字的宽度
#0---此行文字的排版格式,有三个参数,0(居左).1(居中).2(居右)
复制到编辑器中点击,会在下方有说明
#
#0066FF—字体的颜色
#700---粗细(0-1000,400是普通,700是粗体)
#开始---显示的内容(以后可以用”系统变量列表”中的内容进行替换,也可以用自己定义的变量,下面还有别的介绍)

wxClickAction=-1,0,0,30,16,10,91
#这个是最常用的命令了,表示点击某个区域后实现什么动作.
#前面几个参数不介绍了,只介绍一下最后一个参数,即”事件字符串”
#事件字符串,是要说明点击后的事件,首先要知道各数字代表执行什么操作(参照事件功能列表),我们这里用了 “10,91”,从事件功能列表中,我们可以看到,10代表模拟按键,91代表模拟了HOME按键(就是开始菜单).至于其他的功能,大家看一下帮助文件,有具体的说明和参数的意义.

#定义下方页面图标
wxDrawPic=-1,274,15,40,40,0,blue\tubiao\home1.png
wxDrawPic=-1,274,75,40,40,0,blue\tubiao\tianqi1.png
wxDrawPic=-1,274,135,40,40,0,blue\tubiao\folder1.png
wxDrawPic=-1,274,195,40,40,0,blue\tubiao\users1.png
#===========【全局结束】===========

上面就是全局代码了,因为我们的皮肤很简单,暂时就先用这么多,等搞的透了,再加上其他的功能.
下面,要进行各页面的设计工作了
首先,按照皮肤编写的习惯,我们要将组号定义一下,这里继续引用NO1皮肤的语句,

#===========【组号备忘开始】===========
# ----首页================1
<==看到前面的”#”了吧,这只是个注释语句,目的是讲清楚,首页在第几个页面,方便自己也方便他人
# ----天气页==============2
# ----程序页==============4
# ----联系人页============8
#===========【组号备忘结束】===========

因为咱们是从头开始学的,也是最简单的,只设计了四个页面,别人的皮肤都是十几个呢...做皮肤真的是件烦锁的事…..

接下来,按照NO1的规范,是对变量的定义了,由于我们是初学者,就先不定义变量了…(什么开始栏啊,信号栏啊等等….初学的先跳过了,以后再说)
然后,我们定义一下主页的显示

# ===========【首页开始 组号=1】===========
#首页背景
wxDrawPic=1,80,0,0,0,0,blue\sybj.png
#日期及天气显示
wxDrawStringEx=1,9,26,0,240,1,#0066FF,400,{SY}年{SM}月{SD}日 星期{WD} {WHR:0:0:0}天气:{WHR:1:0:17}
#上面这句解释一下, wxDrawStringEx是指显示格式化的字符,还有一个显示文本的命令是wxDrawString(在上面我们提到过了)两者区别可以参考”指令说明”的12和13项.下面我们只对wxDrawStringEx的参数进行说明:(按从左向右的顺序)
1—表示此行字符所在的页面号,因为是首页,所以是1
9—字体大小
26—文字开始的Y坐标
0—文字开始的X坐标
240---此行文字的宽度
1---此行文字的排版格式,有三个参数,0(居左).1(居中).2(居右)
复制到编辑器中点击,会在下方有说明
#0066FF—字体的颜色
400---粗细(0-1000,400是普通,700是粗体)
{SY}年{SM}月{SD}日 星期{WD} {WHR:0:0:0}天气:{WHR:0:0:17}—语言说明的字符串,{SY}{SM}{SD}分别表示系统的年月日(这些在”系统变量列表”里有),如果你打开了”系统变量列表,顺便看看 {WHR:0:0:0}{WHR:0:0:17}的各数字代表的意思的说明,很容易理解

wxClickAction=1,26,0,240,15,0,\Windows\ctlpnl.exe cplmain.cpl,16,0
#时钟显示
wxDrawPic=1,40,24,0,0,0,blue\clock\{SH0}.png
#显示图片的命令写过了,大家看到我这里用了{SHO}变量,从帮助文件中了解到,这是指24小时格式的十位数,也就是012,在皮肤文件夹里,时钟数字是用图片来实现的,图片的命名也就是0.PNG,1.PNG…..所以当{SH0}变化的时候,图片也跟着变化,也就实现了图片时钟的显示了.下面几个变量,可以从帮助里查到意思,不多解释了
wxDrawPic=1,40,68,0,0,0,blue\clock\{SH1}.png
wxDrawPic=1,40,112,0,0,0,blue\clock\maohao.png
wxDrawPic=1,40,138,0,0,0,blue\clock\{SF0}.png
wxDrawPic=1,40,180,0,0,0,blue\clock\{SF1}.png
wxClickAction=1,40,20,200,60,0,\Windows\ctlpnl.exe cplmain.cpl,16,0
#上面这句最后的参数,0表示这个点击事件是运行程序,后面是程序的路径.
#节日提醒
wxDrawStringEx=1,9,104,0,240,1,#0066FF,400,{ZJSTX}
#{ZJSTX}可以从帮助文件中查到
#未接电话
wxDrawStringEx=1,10,120,20,80,1,#0099FF,400,未接电话:{MissedCall}
wxClickAction=1,120,20,80,20,0,\Windows\cprog.exe
#未读短信
wxDrawStringEx=1,10,120,120,80,1,#0099FF,400,未读短信:{UnreadSMS}
wxClickAction=1,120,120,80,20,0,\Windows\tmail.exe -transport "SMS"

好了,大体首页显示的内容已经出来了.由于后面的东东我还没做出来,先写到这儿了.这些代码我自己都运行了,基本没什么问题.中间出现了好多问题,在这也分享一下,希望在大家自己写代码测试的时候有帮助.
1.调用的图片名称和后缀都要写正确.我有几个差一个字母,弄了半天显示不出来,粗心啊.
2.对于点击事件运行程序,用\开头!!!!对于图片的路径,不要用\开头….
如 “wxDrawPicEx=-1,270,0,0,0,0,0,0,0,0,0,blue\xialan.png”
我一开始用的是 \blue\xialan.png,结果怎么也显示不出来,把\去掉后就好了…
3.WM6中文版的模拟器好象对按键命令不太感冒,
如wxClickAction=-1,0,0,30,16,10,91 这行,我在模拟器怎么点都不出开始菜单,弄到手机上就好了.
其他的,全靠自己细心了,做皮肤真的是件苦差事,也很锁碎,但能用上自己做的皮肤,那种喜悦也是很难得的.
另外,由于本人时间有限,下一步只做了个规划,还没有着手写,发贴时间就定不了,大家先自己学习学习吧,多问问论坛里的大大们...等咱们成了大大后,别人就问咱了,哈哈