所谓面板其实就是手机的操作界面,设计过网页页面或应用程序界面的朋友都知道,不论网页也好,应用程序也好,通常浏览者使用者都看到的的界面,并不是一张完整图片,而是由许许多的小部件组合而成,以便节省资源提高灵活性。我们手机的界面也一样,我们就以缺省的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文件,不过我对此也不太熟,等我了解清楚了,再回来和大家讨论吧。最后希望这贴子对大家能有所帮助,抛砖引玉,将来能在这里看到许多广大朋友自己制作的漂亮的面板。