rockbox简单做了个主题修改制作教程.docx

一、简介=废话区=（如果你对Rockbox、Rockbox的主题有了一定的了解，你完全可以跳过这些废话，当然， 建议最好能看一看吧，因为我写得不对的，你可以指正。）由于Rockbox开发者少得可怜，Android下的开发者更少了，Android下的主题制作者可 以说是更加的罕见，时代的进步，科技的发展，Iphone的触屏体验*，使得Rockbox在手机 播放器领域并没有延续之前在Moto Linux F的辉煌，甚至Android Rockbox的使用者远远没 有任何一款能在Android下播放音乐的软件的人多，即使是知道有这么一个功能强大的播放 器，但一看到那个播放界面，和烦琐的设置，却让使用者望而生怯。那么，今天发个主题制作的帖子，让有意自己制作主题，而又不知从何下手的朋友们 大手的去制作自己想象中的主题，也让更多的朋友能用上更多好看的主题，那么在主题制作 之前，我们先要了解一些必要的知识，这样才能更好的去制作主题。1）Rockbox主题是什么样的？Rockbox的主题，其实就是一些BMP的图片，贴在播放界面上，然后软件通过读 取主题目录下的“主题名.wps”里的主题规则，来确定那些地方什么时候需要放上哪些图片， 什么地方需要放什么文字，什么信息等。（比如返回按纽放哪个位置，进度条放哪个位置， 歌曲标题放哪个位置等等）2）Rockbox主题包括哪些部分？介绍一下Rockbox的界面（见图解）1.状态条、2.菜单界面、3.音乐播放界面、（还 有FM界面，安卓下暂时未实现）、4.图标、5.路径、6.滚动条、7.选择条、8.按钮、9.标签、 10.进度条、11.专集封面、12.音量、等等，不过真正制作主题的时候倒不一定所有都要弄完。3）文件目录结构，及说明：（以某个主题为例）+Rockbox根+backdrops背景-Tilewave.bmp+fonts字体-20-华文中宋.fnt+icons图标-Tilewave_icon.bmp+themes主题-Tilewave.cfg+wps播放界面主题（主要就是这个了）+Tilewave主题图片目录 注意：要与主题名相同-bg.bmp-pb.bmp-Tilewave.wps主题名以上是一个主题的大致目录结构，大概解释一下，bakedrops目录，存放非音乐播放界面的背景（就是菜单等界面所看到的背景）。fonts目录，字体目录。主题设置里所看到的字体就是放在这。icons目录，图标目录（菜单文字前的那些图标）。themes目录，主题目录（包括菜单主题和音乐播放主题的路径和设置等），主题设置主 题浏览到的就是它wps目录，音乐播放界面主题，主题设置->音乐播放界面里浏览到的就是这个目录下的文 件wps子目录，主题的图片资源目录，要与主题名相同，主题背景，音量图标，等都放在这 里4）字体，Rockbox用的是什么什么字体来着，其实不用管它，有字体转换工具，使用 非常简单，这样你就可以把你在windows卜.看到的标准字体转为Rockbox下的字体了。（详 细请看下面的教程部分）5）主题怎么弄？Rockbox下的主题，是一个以文本形式标记主题规则的文本，你可以用任何一个 文本编辑器来编辑它，有一个专用主题编辑器，使得制作rockbox主题非常简单明了。你可以试着用记事本打开一个主题文件看看（*,wps）,（一堆乱七八糟的东西，） 别急，每个标记都有格式的，比如T（24,35,80,60,browse）这个标记的意思是，创建一个按钮， 位置是x=24,y=35,宽80px,高60px,这个按钮是浏览按钮，等等。那么，接下来，开始吧！二、教程=教程区看了上面罗七八嗦的一堆，那么下面开始正题。下面每个小节基本上都是独立的，你只想 看其中一点也可以。1. 看憧别人的主题：一开始就想做主题，可能有点一步登天了，那么如果先去看看别人的主题，把别人 的主题看憧了，能在别人的主题上加以修改，然后有了自己的想法以后，想自己做主题就简 单了。（下面以看懂Tilewave主题为例）（1）主题编辑器的使用：1）卜载 RB 主题编辑器，卜载并解压 Tilewave-320x480x32.rar 里的 Tilewave-320x480x32 目录到桌面。2）打开rbthemeeditor.exe（直接运行不用安装），在菜单上点File->Open Document打 开“臬面Tilewave-320x480x32wpsTilewave.wps”可以先把主题编辑器界面里的：左边的“project”面版、又下角的“Parse Tree"面版关闭，那么，左边是主题代码，右边是主题 预览，（显示错位）点菜单栏的“View->Drvice configuration"将Screen Width（屏幕宽）改为 320, Screen Height）屏幕高）改为480,关闭它,那么现在将可以看到下面的画面:主题正常 显示了，红白格子，显示的是专辑封面，绿色的块是标记的触屏按纽（用鼠标点击，相应的 状态也会跟着改变）,“设备”的状态也是可以通过drvice configuration设置里修改的，例如： 想修改音量大小，可以到Hardwave Status里的Current Volume里修改，等等（这时候的字 体是系统默认字体）（图片）代码的规范：1）注释：左边的代码筐里显示了打开的WPS文件里的代码内容，RB规定以“#”开 头的那行标记是作为注释用的，讲没有任何代码效果，一般将会在#后面放一些注释、说明、 作者信息等，例如：#Theme name:Tilewave在主题编辑器里将会以绿色显示2) 标记命令:RB I、的命令是以开头，原型：函数(参数1,参数2)例如:X(GB.bmp) 解释为(载入BG.bmp)3) 条件：?函数值1命令| 值2命令| 值3命令这个命令可以查询一个函数 的返回值，例如：?it<%it|%fn> (当前曲目是否有标题有：显示曲目标题|没有：显示文 件名)有关这些完整的规则与标签语法，请查看：(http:/www.rockbox.org/wiki/CustomWPS)在 我的附件里也有一部分的标签定义，当然只供参考(3)看懂别人的主题：了解了代码规则以后，在对照“标签规则”，我们就可以对被人的代码进行解释了， 看看别人的代码是什么回事吧。下面简单讲讲怎么看别人的代码：1) 打开“Rockbox主题状态与文本标签.doc”，里面的内容来自rockbox网站 www.rockbox.org,里面列出了 Rockbox能用的文本标签，对照着这些标签的描述，在看主题 的代码，你就知道代码里面到底写的是什么了。2) 回到主题编辑器，看看下面的代码：你可以这样对照，%wd对应着Rockbox主 题标签.doc里的“wd Hide Status Bar”翻译过来：隐藏状态栏(crtkf来查找会更加方便)， 到这，你就会知道RB的主题是怎么个一回事了，那么，继续往下看。不过这个主题标签.doc 只描述了文本类标签和一些状态的说明，有关图片、主题的配置、等等请参考“Rockbox主 题规则与主题规定.doc”(复制自Rockbox网站)%wd 隐臧态%X(BG.bmp) 载入一张位图(无坐标，在这里是背景图片)# * images 注释：图片部分#%xl(C,volume.bmp,0,0,10) 预载入位图(只是预载入，需要xd才会显示)，编号是C,图片是音量.bmp, x=O,y=O,分割成10份(因为音量对应着10个状态，这样就可以在一张图 里完成10张图的代码编写了)%xl(D,shuffle.bmp,89,5)预载入位图，编号是 D, shuffle.bmp, x=89,y=5,%xl(E,repeat.bmp,20,5,4) 预载入位图,编号 E,循环模式.bmp, x=20,y=5,分割 4 份，就是将重复模式的4种状态放在一个图片里，显示时就能一一对应状态了。# browse file注释：浏览按扭%T(20,0,60,40,browse) 标记一个触屏按扭，位置是：x=20,y=0,宽 60px,高 40px,触屏对应命令是：返回文件浏览# * current track info 注释：当前曲目信息#%V(49,56,150,-,-)标记一个显示框，位置是x=49,y=56,宽150px,高忽略，字体忽略%s%al%?it<%it|%fn> 滚动(s),左对齐(%al),如果存在曲目标题(it)则显不标题，否则显示文件名(%fn)# * playmodejepeat,shuffle 注释：播放模式，重复模式，随机播放状态#%V(0,180,-,-,-)标记一个显示筐，位置:x=0px,y=180px,宽高字体忽略# repeat 注释%xd(E,%mm,-l) 显示一张预载的图片，编号是E,显示的位置将取mm (循环模式，将返回1, 2, 3, 4这4个值)的值，将对应无循环，单曲循环，全部循环，A-B 循环%T(12,0,66,40,repmode)标记一个触屏按钮，对应循环模式命令(这时的坐标将以显示筐为准)，坐标：x=12,y=0,宽66,高40# * volume 注释：音量#%V(81,433,-广广)标记一个显示筐%xd(C,%pv,l)显示一张图片，编号C,按照pv (音量，将返回0-10, 0表示静音)返回的值显示，偏移+1%T(0,0,213,20,volume) 标记一个触屏按钮,位置:x=0,y=0,宽 213px,高 20px,命令是音量控制当你把其中一些代码看完，或者全部看完，并翻译完以后，你也可以试着去修改修改里面 的内容，例如：s%al%?it<%it|%fn>,查找到，it讲显示曲目标题，如果没有曲目标题将 显示文件名。如果想把这个位置改为显示当前曲目艺术家，那么，在此标记的上面，艺术 家“Artist”对应的标签是ia,把计改为ia就可以了，当然，如果id3信息里没有艺术家 的话，就会显示文件名了，那么，想改为显示当前曲目所在目录的上两层目录名，在“B.5 Information about the file "里找到“d(N) ”N代表的是倒数第几层目录，那么在将代码里的fn 改为妃)即可，这样，本来显示标题的位置，将显示艺术家了。到这，估计你可以看懂别人的主题代码了，接下来，为什么不可以动手试着修改看呢？下面将以如何修改一个主题的分辨率，来透彻了解RB主题制作，并会修改一个主题。安卓网下发的，放这也发发，请高手们用力指教，感激不己!5路径Qts« Powter -功 Away /3Era-Tb«MM$ /JLeiM Trout* is 时 n<rtf 与丑矍，J，Y3V 力斗祈克蔓克UXCW4 Of YOU /3>® -Sprjinq /3a?-Shel$MySnWwlGrowUp heat dl qoon (>v«) The Garden 加源善点L IE驾少亍成“ mxn 刀职厨 K 0ltn.&n9MB Aoanst al odds时安钮2.音重7.选择条J3 理第弄ft New say gxtve 与多花塔Better A<9aiK-tflWereABoy HllflA - Firtxxs« 3 «.耗1 Hot，Sorea 刀敏 m灵年团. God is A Grl QX*gS5 通<.GrgkJ flffwSTScartwcMOhFarg亶初gYOQOheixrxe-Tbe Sood (BUe r 竟尔歇处BeatR f日艇满邸 s火gQ WT aw. Ov OrTWy/3站玩乐IAYOw力弓克&fi - Exodus瓶必冬kbo滩龄宓http：/rbtheme?5d3. 音乐播10进度条9标签放界面11专集封面L状态栏4图标12. 菜单界面2. 修改主题分辨率：(1)图片分辨率的修改要改分辨率，那自然主题所使用的分辨率肯定是要改的，以320*48。分辨率的主题修改 成240*320分辨率来讲述修改的流程1) 将“桌面Tilewave-320x480x32” 下的文件复制到“桌面Tilewave-240x320x32” 卜2) 用 PhotoShop 打开"桌面Tilewave-240x320x32wpsTilewave” 卜的那些图片，将 那些图片按照宽度的比例缩小，即：240： 320,所有的图片将缩小为原来的0.75倍(240/320)。 找到”back.bmp“点击ps菜单的图象-图象大小，计算器算一下原来宽度45px乘以0.75=34,确定，点文件-存储，将所有的图片依法炮制，最后，因为背景bg.bmp调整过后的分辨率 是240*360,不符合240*320,那么需要进行裁切：简单描述一下步骤(这个具体操作请自 己找PS资料了)，复制背景到新图层-矩形选框工具将中下部“多余”的黑色部位选中并删 除-选中删除的部分下面区域-按住Ctrl移动选区到上面-继续删除并移动选区-图象- 布画大小240*320保留中上部分确定保存，这样就得到了 240*320的背景了(其实并不是所 有需要修改的主题都需要这样麻烦吧，当然许多是需要自己动手才会弄明白的)。最后还有 一个图片，“桌面Tilewave-240x320x32backdropsTilewave.bmp”，这个图片就是菜单界面下 的背景，当然也需要修改为240*320。3)回到主题编辑器，打开“桌面Tilewave-240x320x32wpsTilewave.wpsM ,View-Drvice Configuration-width=2407height=320o现在会看到主题很乱，因为这是320*480的配置。接 下来需要修改代码里的坐标了4) 回到编辑器的代码栏里，需要修改哪里呢，xl(C,volume.bmp,0,0,10), xy都是0, 切割10份，不需要修改，xl(D,shuffle.bmp,89,5)随机播放图标，首先改x坐标把(因为后面 y坐标是按照V(0,180,repeat里的”V”显示框为准的)，鼠标移动到随机状态的位置 取得x=64,那么讲89改为64o接下来再修改xl(E,repeat.bmp,20,5,4)重复模式的20成12, 等等，T(20,0,60,40,browse)浏览文件按钮的20改成16,宽45,高28,你可以看到你修改 的时候主题预览里也会跟着变。再下面，V(49,56,150,-,-)这个显示框用来显示曲目标题，鼠 标移到音乐图标位置，取得坐标35,40宽度到专集封面位置，计算器算得126。你需要把所 有的需要修改的坐标和宽度修改完，最后你可以稍微的调整一卜，借助主题编辑器，可能是 一个象数一个象数的调，中间也可以点击主题预览里的绿色按钮框来更好的调整图片的位置。 注意如果代码规则错误了，编辑器会以红色提示。（还有一个问题可能是你需要修改的主题 版本比较的老（比如以前用过moto linux系统RB主题的朋友），主题规则已经变动了的，那 么你需要先将所有的主题代码按照新规则修改完才能进入这个步骤，如：X|BG.bmp|需要 改为%X（BG.bmp）等等o）到这一不步，你或许需要将这些文件复制到你的设备上试着用用，如果主题不对或者 是RB“基本主题”的话，可能你的主题代码出错了，或者你的象数多出了屏幕，你需要仔 细检查并修改，直到运行正常。其实到这你修改的主题可以放到你的设备上用了，但是，如 果你觉得好像字体不太匹配，想自己弄一个或者改大点，改小点，那么接下来讲讲字体制作 工具。3. 字体的制作：我在Rockbox中文社区上找到了一个字体制作的工具（当然，是国外的朋友弄的）， 这个工具用来制作Rockbox的字体，使用方法1）解压rockbox_font_convertor_vL2.zip里的RFC目录到C盘，把你想转换的字体复 制到C:rfc F，例如将C:WINDOWSFonts里的微软雅黑复制到C:rfcvista.ttf,2）接下来点你电脑的开始-运行，输入cmd,命令行下输入“cd c:rfc”回车，3）制作主题的命令是“makefont 字号大小字体名",例如："makefont 20 vista.ttf” 回车后，过一会将会在C:rfc目录下得到一个20 -vista.fnt的文件，复制到你内存卡的 rockbox/fonts里，进入RB,设置主题设置-字体，就可以使用了。4. 浏览菜单界面背景和其他：关于主题，你还需要做的是浏览背景、图标的修改、FM界面的制作、状态栏的制作、 主题的色彩调整等等，主题背景可以到RB的文件浏览里浏览到rockbox/backdrops/里的文件, 选中背景后，长按menu,设置为背景就可以了。有关图标、fm界面的制作，请到“获取更 多信息，在这就不一一讲完了。5. 保存主题配置：所有这些，你必须把他们都保存起来，将主题字体、背景、音乐播放背景、图标信息、 等配置保存到rockbox/themes下，这样别人才能浏览到你的所有配置，保存方法：RB里设置-管理设置-保存主题，输入文件名就可以了，这个配置你也可以利用主 题编辑器来编辑。三、最后:你如果想自己制作主题，我想你可以自己动手了。用RockBox的人比较少，这个教程出来，是希望更多的朋友能够自己去修改和制作 自己喜欢的主题，并能分享出来，让大家能用上更多的Rockbox主题，由于时间和本人能力 关系，可能会有不太对的地方，请大虾们指正，我会第一时间改正，如果朋友们遇到什么不 懂的也可以留言。）