怎么做这种菜单式的网页导航啊?怎
特别说明:为了能快速找到参数位置,以下的参数位置说明中的号码,都指的是编号,而不是行号,且都是Moto面板为标准的参考编号,因为面板不同可能会引起编号错位,特别是98颜色成员的索引颜色编号,所以具体修改时,请以后面S4M后面板注解为准或以-41 70开始做相应加减。
★桌面:
通过桌面元素框可修改大多数参数。
⊙DRM图形包位置:尝试修改其位置,不知是否参数位置不对还是何原因,没成功。
⊙墙纸:参数位置:桌面元素——墙纸
修改:点选择图片按钮选择你需要的墙纸,如果不在面板文件夹中,软件会自动将它复制到面板文件夹中;如果与机型屏幕的大小不符,会提示是否改变大小操作。 ...全部
特别说明:为了能快速找到参数位置,以下的参数位置说明中的号码,都指的是编号,而不是行号,且都是Moto面板为标准的参考编号,因为面板不同可能会引起编号错位,特别是98颜色成员的索引颜色编号,所以具体修改时,请以后面S4M后面板注解为准或以-41 70开始做相应加减。
★桌面:
通过桌面元素框可修改大多数参数。
⊙DRM图形包位置:尝试修改其位置,不知是否参数位置不对还是何原因,没成功。
⊙墙纸:参数位置:桌面元素——墙纸
修改:点选择图片按钮选择你需要的墙纸,如果不在面板文件夹中,软件会自动将它复制到面板文件夹中;如果与机型屏幕的大小不符,会提示是否改变大小操作。
点“是”后,图片会伸缩为机型屏幕大小;如点“否”,则将原样复制到面板文件夹。
下面的在手机图片目录还是在面板目录随你选一项吧,用Skiman装的时候还是一样复制到图片目录下的;最下在的框中可以输入一个自定路径,以符合特殊的需要。
如:在卡装面板的时候,常会因为路径不对无法加载墙纸,就可以在这里输入:/b/skins/XXX。JPG这样的路径解决这个问题。其实这个例子也不完全对,因为在保存之后软件会将/b改成/C,还是要用记事本打开Ski文件找到这个路径,把/C改成/B来搞定。
暂时想不到别的例子了,先这样说吧。
⊙运营商标识:关联IT隐藏后歌名。
参数位置:桌面元素——运营商标识。
常用修改:
①隐藏:将字色透明度设为255。
如有轮廓,也应将轮廓色透明设为255。或用Skiman里的运营商隐藏脚本修改。
②移动:将显示边框打上勾,点下“左”前面的数值框,滚动鼠标滚动左右移动;点一下“顶部”前的数值框,滚动鼠标滚动上下移动。
爱移哪移哪去。当左边界数值大于220,顶边界数值大于176之后。嘿嘿,它不见了。(相对于176x220的屏幕而言)这也是另一种隐藏方法。不过不推荐。因为这样会使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是分针,从上到下分别是分针颜色及透明度、分针阴影色及透明度、分针的长度;
顶下是模拟时钟的背景图(钟面)的显示框架及位置,长度和宽度一般设为 f的大小,且为正方形。
注意点:因为时针和分针的轴心默认为框架垂直和水平的中心点并且是随着框架的移动而移动的,所以如果有特殊要求而使用非正方形框架的钟面图的话,请确保钟面图的轴心处于中心点位置!
⊙导航键:
参数位置:这――
常见Bug:导航失效,摇动导航键时,进不去相关的项目。
这是由于所连接项目的Gif图标动画不足两帧引起的。用动画编辑软件Ulead GIF Animator 5或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里的“完美透明”脚本。
★主菜单窗口 ⊙主菜单图片:46。Gif。
⊙主菜单框架:位置与尺寸,44
⊙主菜单标题:
字体参数:桌面元素,主菜单标题。
文本对齐方式:数值组,54。
下划线开关:布尔开/关组:50。
位置和尺寸:45
⊙静态图标(宫格多少的关键):
增减项目、位置尺寸:框架结构,42。
选中后是否不透明:布尔 开/关组,65。
是(Ture)=不透明,即选中后图标可以看到。
否(False)=透明。即选中后图标看不到。
默认激活图标号(即一进主菜单后默认选中哪个图标):数值组,56。
宫格导航(导航杆拨动时该选中哪个图标):框架结构组,61(向右)、62(向左)、63(向下) 、64(向上)。
导航数值的设置,请参考以前的这贴:
简单的一句话就是:选择框问:“现在我在这里,下一个你想我到哪去?”
得到的答案就是该填的数值了。
具体的实例请参考下面的面板改造篇。
⊙动态图标:
增减项目、位置尺寸:框架结构43。
这个框架的项目数目可以少于静态图标框架的数目。比如说:静态图标是十二宫的话,它可以是三个,两个,或一个。当减少到一个的时候,就是我们常见的Techno式的面板和Flash单宫面板了。
说到这两种面板,很多人在做这种面板的时候,动态图标的框架还是保留着十二个,其实这是没必要的,当它们的框架是同一位置的时候,我们只需保留一个就可以了。
⊙选择框:
图片:47。Gif。
这个图片不一定要做成空心的一个框的模样,它也可以是一实心的按钮或图片,配合静态图标选中后是否透明的开关,让我们可以做成另一样的选择样式。
框架:这个关联的是静态图标的框架。
从上面的示意图中,我们可以看出,如果要显示出选择框,那么:
1。
静态图标的框架大小可以显示出这个图片;
2。 静态图标和动态图标没有把它遮挡。
★二极列表菜单窗口
参数位置:
⊙窗口图片:
窗口顶部: f。位置与尺寸:453。
窗口底部: f。位置与尺寸:454。
说明:
1。所有共用 f和 f组成的窗口的高度是由内容决定的。也就是说:你可以定义窗口的宽和高,但是具体窗口出现的时候,它不一定是你所定义的高度值。
如果你有特殊需要,想要固定二极列表的高度的话,有一个办法就是去增减菜单项或调整各项菜单项的高度。要删除项目的话,直接删除第一项是最快的做法,这样可以不用调整其它项目的位置,就可以使用了。
f的适合高度应该在40-50像素之间,因为在它上面要放置一个高度为33的图标和两行共38高度的文字(拨号窗口)。
过高的话会引起削顶的危险,不信你可以到亮度调节窗口看看。当然,如果你不在乎这个窗口,或你已经在DRM里把那张七彩图片弄矮了,那请便。
3。很多人问这个窗口的背景色是什么?它就是图片 f的颜色。
默认的Moto面板里,它是个一像素高的图片,由它从上到下叠加成窗口需要的高度。在E398里,你可以用一张图片或一些图案来做成459。Gif,而不一定是1像素高,以达到美化这个窗口背景的目的。
⊙内容区域:
位置与尺寸:455
调整这里的位置会影响到笔划输入法的笔划输入框及拨号字体等的显示。
⊙窗口图标的位置与尺寸:457
⊙标题文本:
位置:456。
字色:颜色组,464; 轮廓1:颜色组,465; 轮廓2:颜色组,466; 轮廓层数:数值组,463; 轮廓开关:布尔开关,461。
⊙菜单项及菜单项焦点(选择条尺寸位置):
位置:框架与结构组,2及3下的各个分项。
菜单项及其焦点最多六项,最少一项。0项也可以,但无意义,有BUG。
⊙滚动条:
位置:位置与尺寸,4
图片:滚动条组2( f— f)。
⊙选择条:
图片:5。Gif。
透明度:数值组,66。(同75。Gif)
这张图片做成透明或镂空的话,在某些项目中,用导航杆左右选择选项的时候,会引起字体重叠现像。
★列表窗口
图标显示式列表(图片、图标式通信录)
⊙窗口顶部:
图片: f
图片区域:位置与尺寸组:617。
⊙标题文本:
区域:位置尺寸组:618。
这个调整不了前面带小图标的标题位置(如图片、游戏和程序),MS带小图标的标题是定义居中于621。
Gif区域的?
字色(同列表窗口标题设置):颜色组,603; 轮廓1:颜色组,604; 轮廓2:颜色组,605; 轮廓层数:数值组,606; 轮廓开关:布尔开关,600; 下划线开关:布尔开关,601。
⊙*#键:
*:弹起图片, f;按下图片, f;区域:位置与尺寸组,619。
#:弹起图片, f;按下图片, f;区域:位置与尺寸组,620。
⊙图片边框颜色(同输入候选字色):颜色组:-41 72。
⊙图片边框选中颜色(同输入候选选中字色):颜色组:-41 73。
⊙图示:图片图示系统定义居于名称文本框左侧,随名称文本框左坐标移动;电话号码类型系统定义居于信息文本框右侧随信息文本框右坐标移动。
⊙列表文本未选字色及选中字色:桌面元素,图标菜单文本未选状态(大选择条)及图标菜单文本选中状态。
⊙列表滚动条:
位置:位置与尺寸,39。
图片:滚动条组1( f— f)。
⊙选择条:
图片: f。
透明度:数值组,19。
⊙列表项目及焦点(大选择条)区域:框架结构,14。
⊙图片框:框架结构,15。
⊙选中标志图标:框架结构,16。
⊙名称文本(通讯录人名/图片名):框架结构,20。
⊙信息文本(电话号码/图片日期、大小):框架结构,21。
增减以上五个项目及调其区域后,可改成X宫看图的形式,如全屏看图,四宫看宫等。。。
例:将此Moto面板改为二宫看图。
1。
点框架结构组中的编号14主项,再点击“删除元素”按钮。将编号14主项下的三个分项删除一项成为两项。
2。 依照上面方法将15、16、20、21主项各删除一分项。
3。
调整各主项下的各分项的位置与尺寸到我们想摆放到的位置及需要显示的尺寸。
如果你想完美显示选择条,可能要到Ps下调整它的大小。如果不想显示。可以把14下的分项调整到小于图片框,并把位置调到图片框的位置,以达到隐藏选择条的目的。
四宫等多项看图方法同上面类似,只不过是把“删除元素”变为“增加元素”。公用列表(短信菜单、声音、录像、JAVA、列表式通信录)⊙窗口顶部:
⊙标题文本:
⊙*#键:
以上三项同图标式列表,不在重复。
⊙列表文本未选字色及选中字色:桌面元素,列表菜单文本未选状态(小选择条)及列表菜单文本选中状态(小选择条)。
⊙列表项目及焦点(小选择条)区域:框架结构,67及78。
类似于图标式列表,项目的增减亦可用“增加元素”与“删除元素”的方法,具体操作参考上边。
⊙选择条:
图片:75。Gif
透明度:数值组:66。(同5。Gif)
⊙列表滚动条:
位置:位置与尺寸,77。
图片:滚动条组1( f— f)。
⊙项目图标:系统定义居于列表项目区域左侧。
★短信查看,输入窗口
参数位置:
⊙窗口图片: f。位置与尺寸:617。
⊙窗口背景色: 颜色组,-41 70。*
▲注意:这里设定透明度将会引起文字重叠现像。
⊙输入法图标:
位置:由系统指定于 f区域的左侧。
⊙标题文字:
位置:紧随输入法图标。
颜色:颜色组,-41 82。*
⊙剩余字数:
位置:由系统指定于 f区域的右侧。
字色(同列表窗口标题设置):颜色组,603; 轮廓1:颜色组,604; 轮廓2:颜色组,605; 轮廓层数:数值组,606; 轮廓开关:布尔开关,600; 下划线开关:布尔开关,601。
⊙信息文字,笔划,拼音,数字,候选字:
字色:颜色组:-41 72。*
⊙输入光标:
闪烁亮起颜色:-41 98。*
闪烁暗下颜色:-41 102。*
⊙行间线:
颜色(同各处选项下划线):-41 100。
*
要点:要隐藏此线,可将颜色设为与窗口背景色相同或透明度设为255。
⊙输入条候选背景色:颜色组,-41 96。*
▲注意:这里设定透明度将会引起文字重叠现像。很多国外面板这里就是设了透明度的,所有我们用的时候常发现文字重叠,解决的方法就是,把这里的透明度改为0。
⊙输入条候选(拼音,笔划)边框色:颜色组,-41 108。*
⊙输入条选中字色:颜色组,-41 73。*
⊙输入条选中背景色(拼音选择条上部渐变色):颜色组,-41 84。*
⊙拼音选择条下部渐变色:颜色组,-41 85。
*
移动QQ载入进度条就是这两个颜色组成的渐变条了。
⊙滚动条:
位置:位置与尺寸,59。(晕死,实验没通过)
图片:滚动条组2( f— f)。★日程表窗口
参数位置:
⊙窗口图片:顶部 f,位置与尺寸:617。
*键图: f(弹起); f(按下);位置与尺寸:619。
#键图: f(弹起); f(按下);位置与尺寸:620。
⊙标题文本:
月显示(同列表窗口标题设置):
区域:位置尺寸组,618
字色:颜色组,603; 轮廓1:颜色组,604; 轮廓2:颜色组,605; 轮廓层数:数值组,606; 轮廓开关:布尔开关,600;
周显示(同列表窗口标题设置):
区域:位置尺寸组,居中于 f区域(MS无法左右移动)
字色:颜色:颜色组,-41 82。
*
⊙星期行背景色:颜色组,-41 106*
⊙当前日期:
背景色:颜色组,-41 107*;字色:颜色组,-41 76
⊙选中日期(同输入文字):
背景色:颜色组,-41 84*
字色:颜色组,-41 73*
⊙周六和周日字色:颜色组,-41 132*
⊙日期背景色:颜色组,-41 97*
⊙竖栅格线颜色:颜色组,-41 104;*
⊙横栅格线颜色:颜色组,-41 105;*★弹出及菜单音量窗口
⊙标准窗口外背景色:?色組,-40。
弹出式(铃音类型)音量窗口,就是我们待机时候按+-侧键弹出的那个了。
⊙窗口图片, f
框架:位置和尺寸,536。
⊙窗口标题:
框架:位置和尺寸组,539。
文本:颜色组,545;轮廓1:颜色组,546;轮廓2:颜色组,547;轮廓开关:布尔 开/关组,542;轮廓层数:数值组,544。
下划线开关:布尔 开/关组,541。
⊙窗口图标框架:位置和尺寸,540。
⊙未使用音量:图片: f
⊙已使用音量:图片: f
已使用和未使用的框架同一个位置,第一格到第七格的区域分别为:位置和尺寸组:278-284。
⊙向上指示(增大音量):
图片:弹起: f;按下 f。
框架:位置与尺寸组,273。
⊙向下指示(降低音量):
图片:弹起: f;按下 f。
框架:位置与尺寸组:272。
⊙音量大小,类型(音量控制台数字):
框架:位置与尺寸组,276
文本:(桌面元素,铃音类型音量窗口文本)=文本:颜色组,289;轮廓1:颜色组,287;轮廓2:颜色组,288;轮廓开关:布尔 开/关组,291;轮廓层数:数值组,286。
下划线开关:布尔 开/关组,290;对齐方式:数值组,285。。
⊙内容框架:位置和尺寸组,271。
⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙⊙
菜单式(铃音音量)音量窗口,就是进入铃音明细调整铃声音量那个。
⊙窗口图片, f
框架:位置和尺寸,518。
⊙窗口标题:
框架:位置和尺寸组,520。
文本:颜色组,527;轮廓1:颜色组,528;轮廓2:颜色组,529;轮廓开关:布尔 开/关组,524;轮廓层数:数值组,526。
下划线开关:布尔 开/关组,523。
⊙窗口图标框架:位置和尺寸,521。
⊙未使用音量:图片: f
⊙已使用音量:图片: f
已使用和未使用的框架同一个位置,第一格到第七格的区域分别为:位置和尺寸组:189-195。
⊙向上指示(增大音量):
图片:弹起: f;按下 f。
框架:位置与尺寸组,184。
⊙向下指示(降低音量):
图片:弹起: f;按下 f。
框架:位置与尺寸组:183。
⊙音量大小,类型(音量控制台数字):
框架:位置与尺寸组,187
文本:文本:颜色组,200;轮廓1:颜色组,198;轮廓2:颜色组,199;轮廓开关:布尔 开/关组,202;轮廓层数:数值组,197。
下划线开关:布尔 开/关组,201;对齐方式:数值组,196。
⊙内容框架:位置和尺寸组,182。
注意:音量窗口的里的已使用和未使用图标的框架,还有上下指示图标的框架的坐标是相对于内容框架的,而不是相当于屏幕的边界坐标的。
也就是说,它们的左坐标值和顶部坐标值,是从内容框架的左边界和顶部边界算起的。所以我们在定义它们的坐标值的时候,需要注意这一点。它的坐标值加上内容框架的相应坐标值才是它们在屏幕的实际位置。
注意:内容框架层在窗口图标层之上,如果图标框架和内容框架重叠,图标将会被遮盖看不见。
内容框架就像一个盘子,盘子里装的是上下指示图标及已使用和未使用图标,当盘子移动时,盘子里的东东也跟着移动。奇怪的是这个框架好像只是做为参考坐标用的,却不能像别的内容框架一样限制内容显示的面积。
这个窗口很霸气,霸气到什么程度?连软件按钮和DRM都不放在眼里,也就是说:它可以将这两个遮盖而成为全屏的。且它是由一张图片构成的,这样一来,就可以给了我们很大的DIY空间,甚至我们可把它做成一些不规则的形状。
当然我们看倦了Moto面板型的一格一格的音量图示,我们是否想着能多一种变化呢?这里我们来看看音量图示的一些变化。
这个是我早期的一个面板,黑金刚里面的音量窗口,它利用的是已使用音量图标( f)的紧密叠加成的一个模拟水柱管由空到满的效果。
这是后来我做伪透明面板里模仿系统的音量推子的样式,它是由 f重叠叠加成的。由上一层的 f把下一层的 f的音量指示游标遮盖住而成的一个游标由下向上滑的效果。
这个是国外的一个面板GT3里的EQ形的音量样式,它是利用103。
Gif的框架之外看不见的特点,然后进行逐渐增大并位移,模拟一种音柱由低到高,由长到短的一种效果。
调整新的音。收起