iPhone手机论坛's Archiver

iphone手机论坛招聘版主

wangzhengwxx 发表于 2007-8-25 14:00

ROKR E2主题制作教程

工具准备好了~就可以开始做主题了!

一:站在一个新人的角度来做主题:
       有一个问题,什么叫做主题?

请看:
samba方法:刷机后方能使用。

在网上邻居或者其他WINDOWS窗口的地址栏,输入

\\192.168.16.2\system,打开手机系统文件
双击ezxlocal文件夹
双击download文件夹
双击appwrite文件夹

看到了吧 里面有setuptheme和skin两个文件夹。没有可以直接创建这两个文件夹,
通过这两个文件夹我们实现主题的应用

举例:我们安装arpin520的迪斯尼主题后,setuptheme中有一个disney.chm,skin文件夹中有一个disney文件夹,
那么disney.chm和disney文件夹构成一个主题,只有disney.chm,或者只有disney文件夹都不可能成为一个主题,
删除disney.chm和disney文件夹,那么我们就彻底删除了这个迪斯尼主题了

这里面setuptheme下有chm文件,也就是路径文件,
通过urtaledit(工具请看:../Announce/Announce.asp?BoardID=982&ID=13904704 )

可以更改此文件。(这一步要慢慢学习,先不学习也行)


先学习的话,打开disney.chm,这个文件里面的内容是这样的:

[THEME_CONFIG_TABLE]
1 CalendarAlarm = /usr/data_resource/ringtone/门铃.drm.mid-----------------------日程表提醒铃声路径
2 CallAlertLine1 = /mmc/mmca1/A手机娱乐/手机铃声/BoA - JEWEL SONG.mp3------------线路1电话铃声路径
3 CallAlertLine2 = /usr/data_resource/ringtone/提示.drm.mid----------------------线路2电话铃声路径
4 EmailAlert = /usr/data_resource/ringtone/风铃.drm.mid---------------------------邮件提示铃声路径
5 IMAlert = /usr/data_resource/ringtone/风铃.drm.mid----------------------------
6 LightAlert = /usr/data_resource/funlight/ ---------------------------------------
7 MsgAlert = /mmc/mmca1/A手机娱乐/手机铃声/非常悦耳的特效卡农.mp3------------------信息铃声路径
8 PowerOffScreen = /usr/data_resource/poweroff/splash_powerdown_ani_full.gif-------关机图片路径
9 PowerOnScreen = /usr/data_resource/poweron/splash_powerup_ani_full.gif ----------开机图片路径
10 ScreenSaver = /mmc/mmca1/A手机娱乐/手机图片/开关机gif/vegdWR.gif-----------------屏幕保护路径
11 Skin = /ezxlocal/download/appwrite/skin/disney -------------------------这个很重要,就是对应的主题路径
12 ThemeName = 迪斯尼乐园   -------------------------------------------------------对应的主题名称
13 VMAlert = /usr/data_resource/ringtone/风铃.drm.mid-------------------------------
14 WallPaper = /ezxlocal/download/appwrite/skin/disney/disney.png-------------------墙纸图片路径
15 WallPaperLayout = Tile                    ---------------------------------------墙纸应用选择方案,如平铺,全屏幕。
16 [THEME_PROP_TABLE]
17 CopyRight = arpin520                  --------------------------------------------拥有版权的作者
18 CreatedTime = 7/1/2007                     -------------------------------------制作日期
19 GridIcon =
20 ListIcon =
21 PackagePath =
22 ParentPath =
23 ThemeSize = 2,374,403 ------------------------------------------------------------大小
注意事项:从1-23项都是可以调换位置的。
但是调换的时候要小心不要多了空格和少了空格。
其中铃声图片的路径可以缺省,也就是去掉。
但是11项是绝对不可以去掉或者弄错的。它的指向请看清楚路径!在上面说的是disney,如果是美丽心情主题,
在skin里面有个beautifulmood文件夹,在setuptheme里面有个beautifulmood.chm,
所以这里就要更改chm路径文件,用urtaledit打开后,更改Skin = /ezxlocal/download/appwrite/skin/disney 为Skin = /ezxlocal/download/appwrite/skin/beautifulmood,看到了吧,Skin(皮肤)指向的路径就是skin文件夹里的beautifulmood文件夹。这个错了,就会出现应用后显示的是黑色主题的现象。

下面谈skin(皮肤)。
打开skin文件夹,再打开disney文件夹
你会看到的文件:
alarmclock_p.ini   -----------闹钟界面配置文件     通过它可以更改比如里面的一些字体颜色大小等,一般不改

calculator_p.ini  -------------计算器界面配置文件,通过它可以更改比如里面的一些字体大小颜色等,一般不改

calendar_p.ini  ---------------日程表界面配置文件 ,通过它可以更改比如里面一些字体大小颜色等,一般不改。

camera_p.ini  ---------------  照相机界面配置文件,同上。

common.ini   -------此文件很重要。到最后详细分析,关系到整个主题字体颜色以及大小,界面透明度等。

demoapp_p.ini -----------

fmradio_p.ini  ----------------收音机界面配置文件,通过它可以更改比如里面一些字体颜色和界面透明度。。

iconres.ezx 文件大小(几K-几M)------DISNEY主题3M多,原版主题最大。这就是我跟天使写文章主要要介绍的

info.ini   --------------------------里面有新版主题管理器选择的外观文件名。后面会详细介绍的

mediaplayer_p.ini    ------------------媒体播放器配置文件,通过它可以更改比如里面播放器时间字体颜色大小以及界面歌曲字体显示等。

phone_p.ini            ---------------重要配置文件,后面详细介绍。

preview.jpg---------------------------无关紧要的一张图片,删掉和不删掉随你。

voicenote_p.ini--------------------语音记事配置文件

worldclock_p.ini--------------------世界时间配置文件





二:下面我们来谈怎么做主题,从一个新人的角度来做主题。

1.做主题就要知道怎样解包?解什么包?我们解的是刚才上面提到的文件。

iconres.ezx 文件大小(几K-几M)------DISNEY主题3M多,原版主题最大。这个文件就是我跟天使写文章主要要介绍的

首先介绍原版iconre.ezx,原版的也就是手机自带的。去哪里可以找到它呢?
请看:还是用samba方法吧,

在网上邻居或者其他WINDOWS窗口的地址栏,输入

\\192.168.16.2\system,打开手机系统文件
双击usr文件夹
双击data_resource文件夹
双击skin文件夹

里面有一个或者多个以default开头的文件夹,比如自带两个主题,那就可以看到default1和default2两个文件夹
打开这两个文件夹中找到那个大的iconre.ezx,拿这个做为你做主题的参照吧。
想要原带的chm文件?那么退回data_resource文件夹,打开theme文件夹,自己看吧,就在里面。



我们的教程就是专门来解决iconres.ezx这个家伙的。

2--制作工具KView 0.3


看它的界面:看图,我们是拿这个KView 0.3将iconre.ezx解压成图片和K/g文件,K/g文件你暂且不用管。
你只要看这个icons文件夹,打开这个文件夹你会发现里面有一些界面

[img=291,228]http://file1.zuoyu.com/images/upload10/2007/02/02/144816.png[/img]



[url=http://file1.zuoyu.com/images/upload10/2007/02/02/144945.png][img]http://file1.zuoyu.com/images/upload10/2007/02/02/144945s.jpg[/img][/url]

[img]http://file1.zuoyu.com/images/upload10/2007/02/02/145005.png[/img]

[url=http://file1.zuoyu.com/images/upload10/2007/02/02/145015.png][img]http://file1.zuoyu.com/images/upload10/2007/02/02/145015s.jpg[/img][/url]

[url=http://file1.zuoyu.com/images/upload10/2007/02/02/145033.png][img]http://file1.zuoyu.com/images/upload10/2007/02/02/145033s.jpg[/img][/url]

下面把ZEX文件解出来了,总共有500多个图片,具体如何修改和修改哪里图片???请往下接着看!

wangzhengwxx 发表于 2007-8-25 14:03

一下均是500个图标中,已探索出来的元素对应表,对照了一个一个替换即可!
图一
       [url=http://file1.zuoyu.com/images/upload10/2007/02/02/145636.png][img]http://file1.zuoyu.com/images/upload10/2007/02/02/145636s.jpg[/img][/url]


图2
[url=http://file1.zuoyu.com/images/upload10/2007/02/02/145713.png][img]http://file1.zuoyu.com/images/upload10/2007/02/02/145713s.jpg[/img][/url]

图3
[url=http://file1.zuoyu.com/images/upload10/2007/02/02/145757.png][img]http://file1.zuoyu.com/images/upload10/2007/02/02/145757s.jpg[/img][/url]

图4

[url=http://file1.zuoyu.com/images/upload10/2007/02/02/145842.png][img]http://file1.zuoyu.com/images/upload10/2007/02/02/145842s.jpg[/img][/url]
图片1、2参数
[b]call_header_bg.bmp 240*62

fdbsl01_bg.bmp  主菜单背景以及部分子菜单背景,比如打开文件管理器,信息,最进呼叫以及联系人所看到的背景。

header_bg_std.bmp 240*37 主标题栏

aia_bg_std.bmp 240*29  副标题栏

idle_controller_bg_h.bmp 240*81

idle_controller_bg_std.bmp 240*81

media_controller_bg.bmp 240 *81

media_controller_bg_std.bmp 240*79

matrixitem_bg_h.bmp 34*30

matrixitem_bg_hs.bmp 34*30

matrixitem_bg_std.bmp 34*30

mp_gen_audio_prvarea.bmp 240*249  原版,一般用240*147,多余的部分被media_controller_bg_std.bmp所挡!

optmenu_decrement_std.bmp 190*18

optmenu_increment_std.bmp 190*18

optmenu_item_bg_h.bmp 190*28

optmenu_item_bg_hs.bmp 190*28

popup_header_bg_std.bmp 234*56

softkey_lft_bg_sel.bmp  120*36  左键按下状态

softkey_lft_bg_std.bmp  120*36  左键正常状态

softkey_rgt_bg_sel.bmp  120*36  右键按下状态

softkey_rgt_bg_std.bmp  120*36   右键正常状态

[/b][size=5][color=red]图3对应参数[/color][/size]

[b]mm_imgcontain01_bg_h.bmp 49*49  主菜单图标选择框背景

mm_imgcontain01_left_h.bmp 4*49  左边框
mm_imgcontain01_right_h.bmp 4*49  右边框
mm_imgcontain01_bottom_h.bmp 1*4   下边框(这个可以直接用49*4的图片替换),原版为1*4,可见显示时是拉伸成49*4的
mm_imgcontain01_top_h.bmp 1*4  上边框(同上边框,可以用49*4替换)


mm_imgcontain01_bottomleft_h.bmp 4*4  左下角点   
mm_imgcontain01_bottomright_h.bmp 4*4  右下角点  
mm_imgcontain01_topright_h.bmp 4*4  右上角点         
mm_imgcontain01_topleft_h.bmp 4*4   左上角点     
(说明:角点替换要用到onlyone33大侠的方法,具体请看5楼,简化如下:
用法:将33贴子里面的软件装好,点击电脑的开始---运行--
输入cmd--- 再在cmd命令行窗口输入cd\u6---即进入u6文件夹---   
将你做好的icons.ezx放入u6文件夹---
输入命令:c:\perl\bin\perl.exe unpackIconRes.pl iconres.ezx进行解包,
{这个命令可以直接复制下来免得打错,点右键粘贴到CMD窗口}
解包后马上输入c:\perl\bin\perl.exe packIconRes.pl进行压包,
这样用33兄的两个命令就完成了打包 ,简单吧。)

popup_bg_std.bmp240*247  (多媒体,工具,新建文件夹里面的背景图片)

setting_bg_h.bmp 219*89  选择框背景(比如进入自定义主屏幕时看到的选择框)不懂看图说话。
setting_bg_hs.bmp 219*89 下边框高亮(及选中并应用状态)

setting_bottom_h.png 219*3  下边框(选中)
setting_bottom_hs.png 219*3  下边框高亮(及选中并应用状态)
setting_top_h.png  219*3 上边框(选中)
setting_top_hs.png 219*3 上边框高亮(及选中并应用状态)

setting_left_h.bmp 3*89 左边框(选中)
setting_left_hs.bmp 3*89  左边框高亮(及选中并应用状态)

setting_right_h.bmp 3*89 右边框(选中)
setting_right_hs.bmp 3*89 右边框高亮(及选中并应用状态)

四个角点图片
setting_bottomleft_h.bmp 3*3  左下角点
setting_bottomleft_hs.bmp 3*3   
setting_bottomright_h.bmp 3*3 右下角点
setting_bottomright_hs.bmp 3*3
setting_topleft_h.bmp 3*3  -------左上角点
setting_topleft_hs.bmp 3*3
setting_topright_h.bmp 3*3 --------右上角点
setting_topright_hs.bmp 3*3

listitem_left_h.bmp 3*89  左边框(选中)
listitem_left_hs.bmp 3*89 左边框高亮(及选中并应用状态)
listitem_right_h.bmp 3*89  右边框(选中)
listitem_right_hs.bmp 3*89  右边框高亮(及选中并应用状态)

listitem_top_h.bmp  219*3 上边框(选中)
listitem_top_hs.bmp 219*3 上边框高亮(及选中并应用状态)

listitem_bottom_h.bmp 219*3 下边框(选中)
listitem_bottom_hs.bmp 219*3 下边框高亮(及选中并应用状态)

listitem_bottomleft_h.bmp 3*3  左下角点
listitem_bottomleft_hs.bmp 3*3
listitem_bottomright_h.bmp 3*3  右下角点
listitem_bottomright_hs.bmp 3*3
listitem_topleft_h.bmp 3*3   ----左上角点
listitem_topleft_hs.bmp 3*3     
listitem_topright_h.bmp 3*3  ------右上角点
listitem_topright_hs.bmp 3*3  

ctact_pic_id_thb.png 49*49 必要时拿PNG格式的图标换吧,没问题。[/b]

[size=5][color=red]图4对应参数[/color][/size]

[b]主菜单图标
gen_accelerator_blank_small.bmp17*17

(原版为BMP,我用PNG),gif为选中后会动的图标
图标PNG和GIF大小全部为49*49
文件管理器
fm_std.png/------------/fm_ani.gif
信息
msg_std.png/---------msg_ani.gif
最近呼叫
recnt_call_std.png/-------/recnt_call_ani.gif
联系人
ctact_std.png/----------/ctact_ani.gif
多媒体
multimedia_std.png/------/multimedia_ani.gif
收音机
mp_radio_std.png/---------/mp_radio_ani.gif
音乐频道
music_channel_cmcc_std.png
music_channel_cmcc_ani.gif
工具
office_tools_std.png/------/office_tools_ani.gif
设置
settings_std.png/--------/settings_ani.gif
网页连接
web_access_std.png/----/web_access_ani.gif

下面为新建文件夹带待选图标(图标大小全部49*49):
mm_folder01_std.png/-----/mm_folder01_ani.gif
mm_folder02_std.png/-----/mm_folder02_ani.gif
mm_folder03_std.png/-----/mm_folder03_ani.gif
mm_folder04_std.png/-----/mm_folder04_ani.gif
mm_folder05_std.png/-----/mm_folder05_ani.gif
mm_folder06_std.png/-----/mm_folder06_ani.gif
mm_folder07_std.png/-----/mm_folder07_ani.gif
mm_folder08_std.png/-----/mm_folder08_ani.gif[/b]
[b][size=5][color=#ff0000]所有参数打包下载!

[/color][/size][/b][url=http://file1.zuoyu.com/images/upload10/2007/02/02/150833.rar][color=#0000ff]参数.rar[/color][/url]

wangzhengwxx 发表于 2007-8-25 14:09

该替换的都替换了,那就开始重新打包吧!

1,打开界面,选择SAVE那项:
如图1

[img]http://file1.zuoyu.com/images/upload10/2007/02/02/151117.png[/img]
2,找到你要打包的icons文件夹,这里面有你之前修改过的跟原版同名所有图片,选择文件类型为:Image Files
如图2
[url=http://file1.zuoyu.com/images/upload10/2007/02/02/151154.png][img]http://file1.zuoyu.com/images/upload10/2007/02/02/151154s.jpg[/img][/url]

3,在icons文件夹里面点击任何一张图片或任何一个图标,我一般点第一个。
如图3
[url=http://file1.zuoyu.com/images/upload10/2007/02/02/151221.png][img]http://file1.zuoyu.com/images/upload10/2007/02/02/151221s.jpg[/img][/url]

4,出了一个界面,文件名icons.ezx已经自动生成了,所以保存即可。
建议新建一个文件夹,我选择了返回,在跟icons文件夹的系统文件夹里新建文件夹,便与查找。
如图4
[url=http://file1.zuoyu.com/images/upload10/2007/02/02/151250.png][img]http://file1.zuoyu.com/images/upload10/2007/02/02/151250s.jpg[/img][/url]

5,最后一步,保存,保存期间有好几秒钟,在这几秒钟之间建议不要动用电脑。保存完毕即可。
如图5
[url=http://file1.zuoyu.com/images/upload10/2007/02/02/151313.png][img]http://file1.zuoyu.com/images/upload10/2007/02/02/151313s.jpg[/img][/url]

风尾竹 发表于 2007-8-25 14:15

沙发支持一个!!!

jlyliyong 发表于 2007-8-25 14:58

支持

zpz75 发表于 2007-8-25 17:04

谢谢分享!~

wangzhengwxx 发表于 2007-8-27 08:33

想要制作个性主题的人顶一下呀 !smiley19.gif

yjx22 发表于 2007-8-28 23:17

我顶你!smiley8.gif smiley7.gif

77fans 发表于 2007-9-5 11:29

支持....

aboutall 发表于 2007-9-8 14:36

回复 #2 wangzhengwxx 的帖子

怎么替换??如果能给个例子将不胜感激!!

aboutall 发表于 2007-9-8 14:37

刚学制作,教教!!

theonee2 发表于 2007-9-16 15:47

ding~~!!!ding  ~!!!

s素素s 发表于 2007-9-24 19:20

支持下smiley40.gif

fengnuo 发表于 2007-10-19 04:06

支持,很详细,但是看着的确很吃力,不过没什么.慢慢研究.就不行搞不定主题

wangzhengwxx 发表于 2007-10-22 17:20

制作一个主题本来就是一个很浩大的一个工程!要有耐心才行!   还有就是谢谢各位的支持!

yao0579 发表于 2007-10-29 14:02

"phone_p.ini            ---------------重要配置文件,后面详细介绍。"  ——      在哪儿呢?

wanbaohuamei042 发表于 2008-3-23 16:05

真晕~~~~看不懂smiley61.gif

bingcha0 发表于 2008-4-23 20:42

[拍砖]爆料数码市场黑幕!

*** 作者被禁止或删除 内容自动屏蔽 ***

hank2216 发表于 2008-5-16 16:52

好好学习,天天向上

djc1103 发表于 2008-6-13 13:00

怎么替换??如果能给个例子将不胜感激!!

页: [1] 2

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.