查看完整版本: UI美化方法

UI美化方法

UI美化方法教大家如何自己制作UI固件：

使用工具：Image Search Editor(更新到了最新2.20版)
下载地址：[url=http://www.fs2you.com/files/f9cbb757-ff94-11dc-bc92-0014221f3995/][color=#0000ff]http://www.fs2you.com/files/f9cbb757-ff94-11dc-bc92-0014221f3995/[/color][/url]

固件版本：RM970 2.20 版
下载地址：[url=http://www.ramos.com.cn/download/rm970/ramos970_V2_20.rar][color=#0000ff]http://www.ramos.com.cn/download/rm970/ramos970_V2_20.rar[/color][/url]

图片要求：BMP(位图)32位深度，大小为400*240


操作步骤：

1.下载编辑工具Image Search Editor，推荐使用真水无香的汉化版，打开Image Search Editor，选择待美化的固件，如下图所示：

[img]http://bbs.imp3.net/images/default/attachimg.gif[/img] [img]http://bbs.imp3.net/attachments/month_0804/20080401_7f77e5530b891b731437ODsCCR4lP0x0.jpg[/img] [img]http://bbs.imp3.net/images/attachicons/image.gif[/img] [url=http://bbs.imp3.net/attachment.php?aid=254423&nothumb=yes][b][color=#0000ff]图片1.jpg[/color][/b][/url] (40.24 KB)
2008.4.1 14:49




[size=12pt]这里要注意，在打开的弹出窗口中”文件类型“要选择”所有文件“，然后选择固件RAmos970.RKW，[b][color=red]无需修改扩展名[/color][/b]...[/size]
[size=12pt][/size]
[size=12pt]2.打开固件后，此时程序右边的”书签“栏是空白的，[b][color=red]美化固件最主要的就需要列表文件（扩展名为lst）。一般来说，只要有固件的列表文件，固件都可以进行美化[/color][/b]...[/size]


[img]http://bbs.imp3.net/images/default/attachimg.gif[/img] [img]http://bbs.imp3.net/attachments/month_0804/20080401_fa7ef05b8c2328b40fce5vlzG2Rp8inr.jpg[/img] [img]http://bbs.imp3.net/images/attachicons/image.gif[/img] [url=http://bbs.imp3.net/attachment.php?aid=254424&nothumb=yes][b][color=#0000ff]图片2.jpg[/color][/b][/url] (59.36 KB)
2008.4.1 14:49




[size=12pt][size=12pt]载入书签列表文件，选择对应版本的列表文件，这里我们选择“Image Search Editor.lst”加载列表文件后，书签栏就有一堆数字显示出来...[/size]
[size=12pt][/size]
[size=12pt]附：RM970 2.20版固件列表文件：[/size]
[size=12pt][font=Times New Roman]http://www.fs2you.com/files/448e6c94-ff94-11dc-9c99-0014221f4662/ [/font][/size]
[size=12pt][/size]
[size=12pt]3.书签栏的数据包含有固件中图片的名称、偏移量、大小等信息，我们美化替换图片时，[b][color=red]需要与原始的数值相一致[/color][/b]，否则生成的固件有出问题...[/size]

[img]http://bbs.imp3.net/images/default/attachimg.gif[/img] [img]http://bbs.imp3.net/attachments/month_0804/20080401_254288091ec77e1688c6A0mS6nu67qJn.jpg[/img] [img]http://bbs.imp3.net/images/attachicons/image.gif[/img] [url=http://bbs.imp3.net/attachment.php?aid=254425&nothumb=yes][b][color=#0000ff]图片3.jpg[/color][/b][/url] (50.37 KB)
2008.4.1 14:49



[img]http://bbs.imp3.net/images/default/attachimg.gif[/img] [img]http://bbs.imp3.net/attachments/month_0804/20080401_e7da3273205be5ba4f90ThTKPFh5HSqK.jpg[/img] [img]http://bbs.imp3.net/images/attachicons/image.gif[/img] [url=http://bbs.imp3.net/attachment.php?aid=254426&nothumb=yes][b][color=#0000ff]图片4.jpg[/color][/b][/url] (84.86 KB)
2008.4.1 14:49



[size=12pt]RM970中[b][color=red]最主要的几个美化之处[/color][/b]，如上图所示：[/size]
[size=12pt][/size]
[size=12pt]1）主界面的背景[/size]
[size=12pt]2）四个桌面背景[/size]
[size=12pt]3）固件升级背景[/size]
[size=12pt]4）电量指示背景[/size]
[size=12pt]5）开、关机背景[/size]
[size=12pt]6）音乐播放的CD图标[/size]
[size=12pt]7）充电时的图片[/size]
[size=12pt]8）主界面的8个菜单[/size]
[size=12pt]9）固件释放操作的背景[/size]
[size=12pt].......[/size]
[size=12pt][/size]
[size=12pt]4.我们只需在书签栏的”名称“处双击，即可实时预览对应的图片....[/size]

[img]http://bbs.imp3.net/images/default/attachimg.gif[/img] [img]http://bbs.imp3.net/attachments/month_0804/20080401_08d046023bf612e3959fVOQ93uq9gUvO.jpg[/img] [img]http://bbs.imp3.net/images/attachicons/image.gif[/img] [url=http://bbs.imp3.net/attachment.php?aid=254427&nothumb=yes][b][color=#0000ff]图片5.jpg[/color][/b][/url] (62.82 KB)
2008.4.1 14:49



[size=12pt]OK，现在开始动手替换，先在菜单栏的”编辑“处选择”用BMP图片替换文件...“，选择大小一致的图片，在弹出的图片修改器界面，点击”应用“即可生效..[/size]


[img]http://bbs.imp3.net/images/default/attachimg.gif[/img] [img]http://bbs.imp3.net/attachments/month_0804/20080401_164009ba1618ba40efd5yqmwNXha4P2y.jpg[/img] [img]http://bbs.imp3.net/images/attachicons/image.gif[/img] [url=http://bbs.imp3.net/attachment.php?aid=254428&nothumb=yes][b][color=#0000ff]图片6.jpg[/color][/b][/url] (28 KB)
2008.4.1 14:49




[size=12pt][size=12pt]这里注意图片大小和格式要与原始的相一致，其他图片替换类似。[/size]
[/size][/size]