今天意外下了场雨，意外的得到一个下午的空闲时间，不用出工(俺是搬运工)，闲也闲着，便写了这篇贴子，想跟大家交流交流DIY我们小E面板问题。MOTO的口号很响“智慧演绎，无处不在”，在这里泡了这么久，瞧那些可爱高手们就是用无限智慧一次次提升或扩展了小E的功能，做为低手俺再也不好意思再用“智慧不在，无处演绎”来当借口，既然咱无力扩充小E的内涵，就让我们来美化他的外表吧。这纯粹是经验交流贴，俺也是带着问题来的，所以标题也不敢打上“教程”之类的字眼。这贴内有什么错误，疏漏，胡说八道信口开河之处，还请各位大侠指出，不吝赐教,让我们共同完善它。

所谓面板其实就是手机的操作界面，设计过网页页面或应用程序界面的朋友都知道，不论网页也好，应用程序也好，通常浏览者使用者都看到的的界面，并不是一张完整图片，而是由许许多的小部件组合而成，以便节省资源提高灵活性。我们手机的界面也一样,我们就以缺省的MOTO面板为例，把它解剖，了解组成它的各元素的功用。把他的肝脏脾肺肾摸清楚了，就好下手了。
首先我们打开MOTOSKIN软件，新建一个面板，(也就是MOTO缺省的面板)，点图像浏览，导出面板内所有的界面元素，从5到1014，共有339个项目。好吧，现在我们看看这些个乱七八糟的玩意儿都是干什么用的。


5                        短的选择条
7                        模拟时钟的钟面板
38                        宽选择条，浏览图片时那个选择条
46                        主菜单上方，显示各项目名称的那个条
47                        选择大图标的选框
75                        长的选择条
87 88                箭头，正常状态(左右向)
89 90                加减号(不同于计算器中的加减号)，在查看电量时左右两边那对加减号
91 92                箭头，同87 88，估计是按下状态
93 94                加减号,同89 90，按下状态
95 96                音乐播放的音量，电池电量表示等
99 100                箭头，(上下向)
101,102                箭头，(上下向)，按下状态
103,104                通话铃声音量大小的指示方块
107-119                这是一些像素很小的东东，播放音乐视频，浏览图片时的进度指示，三个一组，共四组107-109，110-112，        113-115，116-118，各自包括一根进度条的头尾两端样式，以及中间平铺填充的样式。
120                        是播放音乐视频时的表示进度的移动小标

433-675                这是一个面板的主体部分了，对一个面板的外观起到决定性影响。

433,458                                大框(上方较厚，左上角显示图标)面板的上部分，
482,496                                小框(框上方不显示图标)
434,459,483，497，534平铺填充形成各种框的框体。
522                                        机子在桌面上时按左侧音量键，出来的音量调节的那个框
538                                        机子在铃声类型，闹钟等地方调节音量时出现的框
549                                        机子在锁定键盘时，呼出紧急号码(如110之类)时，出现的输入号码的框。
477                                        发送接收短信的框,另发送接收短信的动画,哪位大侠知道是以什么方式存在于什么地方？
这里有个问题，至今我还没发现509,532,573这三个是用来做什么的，请了解其功用的大侠不吝赐教。
610，621                        分别是进入短信息时上方的那根条栏，和进入图片铃声浏览时上方的条。
611-615，622-629                显示在621,610两侧，切换图片铃声分类的*、#按钮，查看幻灯片彩信的上下页按钮。
630                                        是屏幕下方的左右、菜单键中的左键
631                                        是按下左键的状态
634                                        右键
635                                        右键被按下的状态
652，664                        也是左右键，估计是左右键无效时显示的模样,不知道是不是这样。
632                                        菜单键
633                                        菜单键按下时的状态
674                                        菜单键无效状态
675                                        菜单键的动画形式(比如返回上一级目录时通常会出现)


685-721为“计算器”内所有的界面元素
        685                不按运算符区(就是加减乘除)时，运算符面板显示的模样
        686                激活加运算(就是摇杆拨“上”时)
        687                除
        688                减
        689                乘
        690-702        是按键区缺省状态的模样
        703-715        是分别按下按键区中各相应按键时的模样
        716-719        显示加减乘除符号
        720                显示运算结果区
        721                计算器中按菜单键，选MS时显示在左边的M标记


750-779                滚动条及滚动条背景，(三个一组，两个为头尾，一个平铺填充)
790-1014                大小各种图标，这部分就不详细说明了，看都看得到。改动这些图标也直接影响界面的效果,但这里太庞大了,想全部改动,保持风格一致,工作量太大了.如果仅仅改过一些图标,个人感觉还不如不改,免的影响整体风格.当然我还是每天在期盼有哪位大侠尽快做一套完整又漂漂的图标出来。

了解各部件后，大家就可以用自己擅长的绘图工具来做自己喜欢的面板，分解成一个个组件，用MOTOSKIN一样一样的替换掉现有的，还有，像生成好的MOTO面板共有一个SKI文件和十几个DAT文件组成，不方便上传，所以我们做面板时最好选择一个只有三四个文件的面板做为蓝本，导出这个蓝本所有要替换的组件，依他的尺寸为据来设计自已的面板。因为，不同面板里的图片的尺寸不一定相同尺寸不一致是无法导入其中的，做图时一定得先要弄清所需的尺寸。大部分组件的尺寸都是像素级的，如果做好后才发现尺寸有误，再改就麻烦了。另外，面板中某些位置出现字体颜色、背景颜色，MOTOSKIN暂无法定义到，有需要改动到这些方面的朋友，就得研究一下SKI文件，不过我对此也不太熟，等我了解清楚了，再回来和大家讨论吧。最后希望这贴子对大家能有所帮助，抛砖引玉，将来能在这里看到许多广大朋友自己制作的漂亮的面板。
图1

图2

图3

图4

［此帖子已被 seacore 在 2010-2-8 11:34:52 编辑过］

得慢慢学习一下

这样去处理过的机器，图片肯定爽。

自己喜欢什么风格就可以做出来