皮匠窝点 » 面板教程

这里所谓的标准宫格就是原版Moto这样的宫格，且它们用的图标都不会超过47X47大小。用Skiman的Stand脚本一般都可以搞定，要转成9宫的可用“3X3菜单”，转为12宫就用“3X4菜单”。转换后可能图标位置并不是很适合，到S4M里再调一下就可以了。调的时候可以用面板预览软件看看一位置是否正确。想要了解Skiman脚本改的过程或要改成非标准宫格的，请参看下边的手工改造法。

简而言之，增减宫格的过程就是：

a. 增减框架结构中的42主项的显示静态图标的宫格数；

b. 看需要增减43主项的动态图标宫格数，（如果是动态图标是同一个位置的，只要有一项就够了，不必增减）；

c. 调整42、43主项下各分项的宫格位置和尺寸，将其排列至适合的位置；

d. 增减61、62、63、64的四向导航数值分项，并修改为相应该的数值。

1.2　非标准宫格面板：

1.2.1 九宫转十二宫一例

这里将一个原始九宫的Tehcno面板改成的十二宫，以了解如何将这种样式的面板如何转换。这类面板的特点是：静止图标排列在一处，动态图标在另一处的同一个位置。

a.点42主项（静止宫格），再点添加元素三次添加三个宫格，成为十二个宫格。因为这个面板的动态宫格是同一位置的，所以不必添加43主项的分项。

b.然后将12个静止的宫格位置调整到相应的地方。

c.基本调整过后，保存一下。用面板预览软件查看一下调整过的宫格位置是否正确，如果不正确，再返回S4M调整，直到满意。（调整后如需再查看，在预览软件中要再次打开。）

d.然后分别将61、62、63、64的导航数值项分别添加三项，并修改其数值。如果不知道如何填写这个数值，可以再用S4M打开一个正常的十二宫的面板，将它的这四项数值抄写过来。

填完数值后。保存收工。

1.2.2　一个全屏的十二宫Flash面板转换为九宫。

这类型的面板的特点是：主菜单动态图标全屏，静态图标已集成于动态动态图标中，或不可见。修改这类型的宫格的方法，就是只删除框架结构主项42的宫格数，不必去调整它们的尺寸和位置，因为它们是不可见的。然后再修改一下宫格的四向导航数值就可以了。

有一个要注意的问题就是，如果删除掉的主菜单项目恰好又是九宫中的子菜单项目，那你需要把相应的动态图标删除，让它调用Moto图标，或找相似的图标来进行替换。

MS这里已不需要例子？

再说吧。。

这类型的面板如果要九宫转为十二宫，就有点麻烦，主要是增加主菜单项目后，没有相应的动态图标，需要自己再去仿着原来动态图标做。

这个将在下面PS改造法中讲到。。。

面板散记(三)—-面板分解

或许 — Wed, 17 Dec 2008 14:25:09 +0000

三、知此知彼，百战不殆：Skinner4Moto与面板之二——面板分解

特别说明：为了能快速找到参数位置，以下的参数位置说明中的号码，都指的是编号，而不是行号，且都是Moto面板为标准的参考编号，因为面板不同可能会引起编号错位，特别是98颜色成员的索引颜色编号，所以具体修改时，请以后面S4M后面板注解为准或以-41 70开始做相应加减。

★桌面：

通过桌面元素框可修改大多数参数。

⊙DRM图形包位置：尝试修改其位置，不知是否参数位置不对还是何原因，没成功。

⊙墙纸：参数位置：桌面元素——墙纸

修改：点选择图片按钮选择你需要的墙纸，如果不在面板文件夹中，软件会自动将它复制到面板文件夹中；如果与机型屏幕的大小不符，会提示是否改变大小操作。点“是”后，图片会伸缩为机型屏幕大小；如点“否”，则将原样复制到面板文件夹。

下面的在手机图片目录还是在面板目录随你选一项吧，用Skiman装的时候还是一样复制到图片目录下的；最下在的框中可以输入一个自定路径，以符合特殊的需要。如：在卡装面板的时候，常会因为路径不对无法加载墙纸，就可以在这里输入：／b／skins/XXX.JPG这样的路径解决这个问题。其实这个例子也不完全对，因为在保存之后软件会将／b改成／C，还是要用记事本打开Ski文件找到这个路径，把／C改成／B来搞定。暂时想不到别的例子了，先这样说吧。

⊙运营商标识：关联IT隐藏后歌名。

参数位置：桌面元素——运营商标识。

常用修改：
①隐藏：将字色透明度设为255。如有轮廓，也应将轮廓色透明设为255。或用Skiman里的运营商隐藏脚本修改。
②移动：将显示边框打上勾，点下“左”前面的数值框，滚动鼠标滚动左右移动；点一下“顶部”前的数值框，滚动鼠标滚动上下移动。爱移哪移哪去。当左边界数值大于220，顶边界数值大于176之后。嘿嘿，它不见了。（相对于176×220的屏幕而言）这也是另一种隐藏方法。不过不推荐。因为这样会使 IT隐藏后歌名看不到。

⊙日期文本：关联充电指示，Gprs文字，声音播放器隐藏后歌名。

参数位置：桌面元素——日期文本。

常用修改：
①加宽框架：常有些国外来的面板，因为用的日期格式为xx/xx/xx，当然我们改成为XX年XX月XX日的格式之后，出现显示不完整现像，这里就要通过加宽日期文本框来解决。实验得出最小值为88像素。

②移动：参照运营商。更多的人喜欢将它放在左下角，这时候你也可以用Skiman里的“日期－左下角”脚本。

⊙数字时钟：MS没什么好说的。爱移哪就移哪就对了，要放右下角，Skiman也有脚本。

其实对于文字项目，也没什么好美化的。也就是改改字色，加点透明，以便使字色和背景更加融合，免得太突兀；加个下划线（MS没人喜欢这样做）；加个轮廓，一层二层，让它有个描边的效果。或加了轮廓之后将主字色全透明，让他变成空心字。然后将它调整到适当的地方就行了。如下图

而文字的Bug，基本上都是透明惹的祸。
体现在这几方面：
a、模糊，这是由于设定它的透明度引起的，体现在浏览多媒体信息或Wap浏览器的标题和软件按钮文字上；

b、重叠，是由于文字所在项的背景设定了透明度引起的，常出现在短信文字输入或某些选项拨动摇杆进行选择时出现；解决这两种Bug，只要将相关透明度改回0就可以了；

c、显示不全，由于字体框的宽度不够引起，加宽框架就行了，或者是被某些项目的框架给遮挡了，把这个框架移开就可以了；

d、文字残迹，由于文字框架的高度不够引起，一般很多文字框的高度都是18或19像素，当给文字加了一层二层的轮廓之后，文字就超出的框架范围了，当我们改变项目，文字一改变后，就会留下残迹，这时候把框架加高到22像素这样就OK了，还有一种就是文字框架与背景图片错位了，文字悬空于透明区域等，改变项目文字后，也会引起字体重叠。

⊙模拟时钟：

参数位置：桌面元素——模拟时钟

顶上的stundenzeiger是时针，从上到下分别是时针颜色及透明度、时针阴影色及透明度、时针的长度；

中间的minutenzeiger是分针，从上到下分别是分针颜色及透明度、分针阴影色及透明度、分针的长度；

顶下是模拟时钟的背景图（钟面）的显示框架及位置，长度和宽度一般设为7.gif的大小，且为正方形。

注意点：因为时针和分针的轴心默认为框架垂直和水平的中心点并且是随着框架的移动而移动的，所以如果有特殊要求而使用非正方形框架的钟面图的话，请确保钟面图的轴心处于中心点位置！

⊙导航键：

参数位置：这――

常见Bug：导航失效，摇动导航键时，进不去相关的项目。这是由于所连接项目的Gif图标动画不足两帧引起的。用动画编辑软件Ulead GIF Animator5或photoshop自带的ImageReady将图标改成两帧即可。下图就是UGA5的，打开图标后，点一下“相同帧”，加成两帧后保存即可。IR上的也差不多，不过IR上那个按钮应该叫做“复制选中的帧”，但IR上连续的帧如果是一模一样的话，保存的时候压缩成还只是一帧，这个我还不知道如何解决，通常我只好把另一帧稍为做下变形来搞定。推荐还是用UGA5来做吧，假如你并不想把它做成复杂动画的话。

另类用法：做IT隐藏后界面。因为IT隐藏后，就是利用这四个图标的框架显示图标的，所以把IT显示的几个图标做成播放器界面后，将其分配到相应诉框架里，并调整框架大小和位置后，实现IT隐藏后界面的完美显示。

（要详细说明吗？）

⊙软件按钮及按钮文字：

参数位置：看下图（编号）。

一般软件按钮图片的位置左边界与右边界都是紧密衔接的，如Moto面板的数据是左：0-77；中：78-97；右：98-175。一但这几个数据发生了断裂，软件按钮条就会出现隙缝，要解决这个问题可以先看看这几张Gif图是不是有透明像素，图片和框架的大小是不是一样，分析一下边界衔接情况。然后试着向左调调或向右调调一下。

如七友的这个Mac面板的软件按钮条（借用一下做例子，请勿见怪）：

使用中发现在菜单按钮和右软件按钮之间有一条隙缝，用S4M打开后发现菜单按钮的左右边界为78-98,右按钮左右边界为98-175,两个按钮在98 像素处重叠。试着把右按钮的左边界调到99,却发现隙缝更明显了。于是怀疑图片和框架的大小不对，查看之后发现菜单按钮图片的大小是20X20,而框架的大小却是21X21，是属于图片未填满框架而留下的隙缝，于是把框架的大小改为20X20后解决。

另一个很郁闷的情况是这几个软件按钮的透明度，它跟颜色的透明度值是根本就不是一回事，说它是颠倒的吧，那么应该是0是不透明，1是全透明，透明取值为1-255。可是实际却是1有时能全透，有时半透，而16的倍数，如16、32、48、160等数值却是全透明的，而且取值2比4透明，4比8透明，8比12透明，那就是越小越透明？而16 是一个坎？再取值为24试了试,发现它跟取值为8时候的透明是一样的，那只能先这样定了：0为不透明，16为全透明，中间值1-15,值越小越透明！

要快捷修改这些透明度，也可以用Skiman里的“完美透明”脚本。

面板散记(二)—-Skinner4moto详解

或许 — Wed, 17 Dec 2008 13:48:20 +0000

二、知此知彼，百战不殆：Skinner4Moto与面板之一——Skinner4moto详解

1.基本操作：

基本操作：

b) Ski部分：

整个面板的所有参数所在。双击某项参数会自动跳到此参数所在的组进行调整和修改。同样的，在某组双击某参数时，也会自动跳到这里。利用这一特点，可以找到面板某窗口的相关参数进行修改。如：如现在要调整六宫子菜单的相关参数，可以先找到最好找的图片组的496.gif图片。双击此项转到Ski组，Ski组的此项附近便就是这个窗口的所有参数了，然后就可以双击相关的各项参数跳到相应组进行调整和修改了。

基本操作：

c) 图片部分：

A为项目列表框，可看到图片存于哪个DAT中，及文件大小等信息。点击各个项目可在预览框B中查看图片，不过动画的Gif不能预览动画，只能显示第一帧。C为当前图片的宽度和高度。

替换Gif：点击选择图片进行单个替换；

编辑Gif：点击启动设置的编辑器修改当前图片；

转到Gif目录：打开面板图片所在的目录，查看、批量替换及删除图标进行瘦身等

操作：

批量替换图片：将要替换进来相同文件名的图片复制到Gif目录，覆盖原来的图片；

删除图片瘦身：如果觉得面板图标占用体积过大，想要它调用Moto图标，将相关图标删除即可。甚至你可以将面板框架的图片全部删除，做成一个只有一个 Ski文件的面板。如果这样做，S４M程序报错的话，可新开一个Skinner4moto窗口，把里面的Moto图标，复制过来覆盖此面板的图标亦可，这样可能会安全些。

基本操作：

d)颜色组：

更改面板配色的地方，点击相应项，点击颜色框，在弹出来的取色窗口中选取一种颜色。如需要透明效果，请在透明度前的框里填入相应数值，取值范围：0-255。0为不透明,255为全透明。

基本操作：

e) 位置／尺寸

调整面板元素的位置和大小的地方。点击相应项可在预览框中预览。不过有些元素的位置显示并不是很准确。

参数项：

左／右：与屏幕左边的距离的像素值；

顶部／底部：与屏幕最顶边的距离的像素值；

宽度／高度：元素显示的大小；一般设置为相应元素的宽与高。小于元素宽与高即显示不完整，大于元素的宽与高　　可能会产生漏边。就如墙壁上窗口，窗口的大小决定了我们所能看到的外面风景的大小。

锁定：锁定框架的宽度与高度。
勾选：调整左／右／顶部／底部值时，框架的宽度／高度不改变，整个框架进行位移；
未勾选：调整左／右／顶部／底部值时，仅是改变某一项值的大小，框架的宽度／高度随着改变，整个框架不进行位移。

调整方法：直接填入数值，或点击上下调整按钮增加／减少数值，或用鼠标滚轮滚动增加减少数值。

基本操作：

f) 布尔开／关

某些项目的开与关。如字体轮廓、下划线的打开与关闭。主菜单静止图标选中后是否透明等。勾选就是True（开），不勾选就是False（关）。

注意：某些开关项需另外的选项支持才能生效，如字体轮廓，勾选后必须在数值组中相关项中设定轮廓层数数值为1或2才能看到，0层是没有的。当然，要在颜色组中设定了颜色的透明度值为255后。也是看不到的。

基本操作：

g) 数值组

设定面板的某些相关数值，如软件按钮透明度，选择条透明度。文本对齐方式，轮廓线层数等。点击相关项，在数值框中填入数值进行更改。

基本操作：

h) 框架结构

涉及菜单项目的框架、位置尺寸、数值、颜色等参数修改以调整。不同的是这里能增加与删除元素，如主菜单宫格的增减，九宫增到十二宫，十二宫减到九宫等。

点击A框的主项，在B框中会出现此主项的分项。点击分项便可改变参数，增减元素等操作。

a) 桌面元素部分：

调整桌面及常用元素的参数的地方。

A桌面预览及需要预览的各个选项：

a.    勾选显示桌面各元素位置和尺寸的边框，边框颜色可以选项里改。
b.    勾选模拟设置为居中对齐方式时（手机上：设置－个性化—主屏—布局居中）运营商标识和日期文本的位置和尺寸。
c.    勾选显示四向导航快捷键的静止图标的位置和尺寸。
d.    勾选显示四向导航快捷键按下时的图标的位置和尺寸。
e.    勾选显示模拟时钟，不勾显示数字时钟。
f.       时钟显示的时和分。
g.    截取桌面图以便发布，转到目录查看所截的图。
h.    截图的品质。
i.       勾选模拟软件按钮按下状态。

点击B框中的各项，在C处会出现此项的参数。调整及修改时，A桌面预览处可以即时预览。调整方法参照下面各组。

2.几个要点：

a) 选顶

★机型：适用于此面板的机型。要制作或修改成何种机弄的面板。。请在这先设定好。设定机型后，打开别的机型的面板再保存后，可转化为本机型的适用面板。避免使用了不适用面板后产生的系统错误。比如：4XR等E1机型转为9XR等E398机型。（转换机型范围可能有限！）

★Ski所在盘符：面板及面板文件安装在的位置，看机型而定。如果E398为A。E1为C。

★边框颜色：在主界面勾选显示边框后出现的边框的颜色。防止边框颜色和某些墙纸颜色相同后看不清边框的情况。

★选择外部Gif文件：选择一个点击图片组中的编辑Gif按钮后调用的编辑软件。默认为画图。

★保存P2K安装文件等：产生安装和卸载面板的文件和安装方式。也就是那两个星星图标的东东。双击后调用P2Kcommander安装或卸载面板。用记事本打开会发现它是跟 Windows的批处理文件相似的东东。md /c/mobile/skins/XXX：在 /c/mobile/skins/下建立XXX目录；cpXXX.XXX to/c/mobile/skins/XXX/XXX.XXX：拷贝XXX.XXX到/c/mobile/skins/的XXX目录下。

b) Light－Skin及字体修复

★打勾：保存的面板如有缺失元件。安装后将调用手机中的Moto面板或排于顶位的面板的元素显示。

★不打勾：保存的面板如有缺失元件，将用Moto面板的元件填充。并保存于面板中。使它成为一个包含完全元件的面板。这时你会发现保存后的面板体积大了很多。

★字体修复：将错乱的字体位置复位回Moto面板默认位置。
要修复JAVA出错的面板，或做一个代替Moto的面板，如果没有全部替换Moto的元件的话，就要将“Light-Skin”不打勾和点一下“字体修复”保存。以避免运行JAVA出错。

c) 导入：

应该容易看懂，这是将另一个面板的元件及配色等置入当前面板的快捷通道。这样可减少很多的劳动量。Ski MODs那个是2.9版后出来的，MS是导入整个面板或模板的。点击后，另一个面板的图片、颜色、框架结构、位置尺寸等参数将会全部导入？

面板散记(一)—-实用工具

或许 — Wed, 17 Dec 2008 11:56:50 +0000

一、工欲善其事，必先利其器：几个面板工具

1、Skinner4moto 2.9自用版

说明：制作与修改面板的强力工具。功能强大。里面包含了：

E1 ROKR
E1000 V1050
E398
E770v
E815
L7
PEBL
Pure-V3x
RAZR V3
RAZR V3i
V3x
V550 V620 V635
V635
V980 V975 C975

等众多的Moto手机型号的模板。你可以用它来将各个型号手机的面板通过提取图标或导入的方式修改为你需要的面板。

这是我的最新更新的自用版。里面很多以前没有的注解都是我一点一滴的实验出来的，E文那些注解是在国外网站上找到的。虽然我想尽力把它完善了再发出来。但时间和精力有限，难免还有遗漏和错误的地方。如有哪个兄弟知道这些遗漏和错误。请将Skinner4moto目录下的DATA文件夹中的Skilist.csv用记事本打开，将相应的项补充或修正。（每一项从头数的第七个分号后即为中文注解处）

skinner4moto_cn.rar

=================================================

2、Fieldmotoskin

说明：国人软件，不过遗憾的是作者已放弃开发。一个支持在电脑上预览面板并修改面板的工具。免除你必须安装面板到手机的才能看效果之忧。不过预览并不是很准确，仅能做粗略预览。精确的调整还是得将面板安装到手机后查看。

这个软件我在使用过程中，不知是不是个人原因，修改面板后保存时出过几次错，使得修改的面板前功尽弃。从此我只将它当作预览面板用。

如果你要用这个修改面板的话。推荐你先将面板做好备份。

使用：打开面板。导入相应的MMA。点击各个选项查看及修改。。

Fieldmotoskin下载

===========================================================

3、skinview

同样是一个电脑上的面板预览工具。纯预览，不带修改功能。打开面板的速度很快,能预览的东东很多。
不过在我电脑上运行总是出错　（RPWT）没用过，不多说了。。。。
使用：打开面板。导入相应的MMA。点击各个选项查看。

skinview下载

=====================================================

4、SkiMan0.51

面板安装工具，安装、保存、删除你手机上的面板、MMA（菜单文件）以及图片。3.0版以后增加了脚本功能，方便了修改面板一些元素的颜色、位置等参数。提供脚本帮助，以便能编写适合于自己的脚本。。。。

使用：地球人都能看得懂。。

Skiman V0.51 中文版下载

=======================================================

5、一个全写上的元件号的面板

除了一些没办法写上元件号的元件，能写的都写上了。将它装到手机里，也许会有用。比如要查找多媒体的三个图标号是什么等等，我觉得比在S4M的图片组里翻要方便些。

TEST面板下载

=======================================================

6、一个BAT文件

在要改某个面板为论坛标准十二宫的时候，在Gif目录下一堆图标里翻出那二十四个图标来也是一件很烦的事，我是一个懒人，不想总是重复的做这些烦事，所以写了这个BAT。把它复制到Gif目录双击，能快速的把标准十二宫的二十四个图标复制到桌面上。（Xp系统下用的）

复制图标到桌面.rar (414 Bytes)

皮匠窝点 » 面板教程

面板散记(附录2)–一些图标动态效果制作

面板散记(附录1)—-关于图标

面板散记(四)—-面板的改造

面板散记(三)—-面板分解

★桌面：

面板散记(二)—-Skinner4moto详解

b) Ski部分：

c) 图片部分：

d)颜色组：

e) 位置／尺寸

f) 布尔 开／关

g) 数值组

h) 框架结构

a) 选顶

b) Light－Skin及字体修复

面板散记(一)—-实用工具

一、工欲善其事，必先利其器：几个面板工具

1、Skinner4moto 2.9自用版

skinner4moto_cn.rar

3、skinview

skinview下载

f) 布尔开／关