[转载] 跟我一起做黑莓主题—vixis之Plazmic CDK超豪华详细教程
本帖最后由 RyanFSteven 于 2021-2-11 22:56 编辑转自黑莓粉丝论坛Blackberry Fans侵删!
VIXIS激情原创
作者的话:教程很长,非常长,超级长,如果你没有足够的耐心看完它,请离开这里。
作为一个使用黑莓手机的人,不知道如何更换系统主题是可耻的。
通常我们总是安装使用别人做好的主题,以此来改变自己系统的外观。然而,别人做的主题往往都不尽如人意,不是这里感觉不对就是那里难看了些,内心总是渴望着能有一个完全定制的主题。这并不是一个梦想,每个人都可以做出一个精彩的主题。这就得益于 Plazmic CDK (全称:PlazmicContent Developer’s Kit,以下简称 CDK)这个软件了。我们通过它来制作各种各样五彩纷呈的主题。
好了,话不多说,本篇教程正式开始。
一、系统需求
[*]操作系统– Windows® 2000 Professional, Windows XP Professional, Windows Vista
[*]内存 - 256 MB or more
[*]可用磁盘空间 - 200 MB
[*]显示器 - 最小 1024 x 768 分辨率, 百万色
[*]Adobe Acrobat Reader 3.0 (或者更高版本) - 查看 PDF 格式的文档用 (用别的 PDF 阅读软件也可以,不是必需的)
[*]BlackBerry Device Simulators 4.2.2 + (模拟器,不是必需的)
[*]BlackBerry Email and MDS Services Simulator
[*]Java(TM) Development Kit (4.5 版本的 CDK 自带了JDK,但是 4.2 版的 CDK 还是需要的)
以上是官方提供的系统需求信息,嗯,我看现在的机器基本都可以用嘛。不过呢,BlackBerry Email and MDS Services Simulator 这个,需要 BlackBerry JDE 的支持,大家可以去找找下载。体积很大,99.5 MB~
安装的时候一路 Next 就行了,注意,4.5 的 CDK 安装程序和 Vista 的 Aero 效果不兼容,会屏幕一黑暂时使用 Basic 主题,不用惊慌,装完以后就还原到 Aero 啦。
二、界面简介
一切准备就绪,那么,我们就打开 CDK 吧。开始菜单 -> 所有程序 -> Plazmic CDK forBlackBerry -> Theme Builder。一个大大的 Loading 画面出现了,然后我们就看到了 CDK软件的主界面啦。一般刚打开 CDK,它都会问你是否创建一个新主题。点击 Create 按钮,你就创建了一个新主题了。界面截图如下。
http://www.panoramio.com/photos/original/13626289.jpg
最上面是我们都知道的菜单栏和工具栏。下方区域,左侧那个很明显就是预览窗口嘛,还配有真机外壳让你查看最终效果,当然用哪个机型的外壳是可以选择的。预览窗口右边,就是我们自定义的区域啦。分三个小窗口。
第一个,Inspecter。这里就是我们主要的战场,是决定主题方方面面的地方。
第二个,Catalog。这里主要显示一些颜色、图片等等,主要是一些主题要用到的资源。
第三个,Alignment。这里可以设置文字、图标的对齐方式。
主界面看着挺复杂,其实很简单,不要一开始就被吓到了。
三、跟我一起做主题
好了,基本知识都有了。我们可以开始动手做主题了。就拿我制作的 PrecisonNew 主题作例子,主要使用了 CDK 4.5版本中间我会穿插着讲讲 4.2.2 的CDK。制作过程中有任何操作都要注意左面真机预览窗格的变化,如果有什么不妥可以马上撤销。好了,我们一步一步来,仔细看好了。
前期准备工作
是的,你没看错。在做主题之前,我们需要有一个前期准备工作。
第一步,当然是创建主题。刚打开 CDK 的时候出现的那个窗口,菜单栏 File -> New 具有同样的效果。出现窗口如下。
http://i517.photobucket.com/albums/u339/vixis_v/SS_002.jpg
窗口中,可以指定 name 等各种属性。Name就是这个主题的名字,也就是出现在桌面管理器里的名字,也就是出现在你手机主题列表里的名字,所以,起一个好听点的吧。注意,确定之后是不能修改的。我们填入 PrecisonNew。Size 则是指定主题的大小,只有两个选项,240×260 以及 320×240,不用说也知道这是 BB手机目前主流的连个分辨率。同样,确定之后是不能更改的。我们选择 320×240.Type则是指定主题的类型。总共有四个选项,custom、icon、today、zen。后三个相信大家经常听说也比较熟悉了。第一个 custom就是自定义的意思,可以充分发挥你的想象力,制作出惊天地泣鬼神的主题来。PrecisonNew选择的是custom。下面有个小图预览你的选择。当一切都决定好了,点击 Create按钮,出现一个有进度条的对话框,之后一个默认的主题便出现了。这里,
第二步,修改主题相关信息。我们可以在 Edit 菜单下的 Preferences 里修改。如图。
http://i517.photobucket.com/albums/u339/vixis_v/SS_003.jpg
弹出对话框如下。我们在里面修改相关的信息。
http://i517.photobucket.com/albums/u339/vixis_v/SS_004.jpg
这第一个选项卡其实和主题的关系不大,是定义打开 CDK 的时候的动作的,有三个选项:Create NewDocument(创建新文档)、Open File Dialog(打开文件对话框)、Do Nothing(什么也不做)。其中 CreateNew Document 是默认选项,所以我们一打开 CDK 就让咱创建主题。这里可以根据各人的喜好自由选择。
来看第二个选项卡:Metadata。
http://i517.photobucket.com/albums/u339/vixis_v/SS_005.jpg
这里是主题的 Meta 信息修改。可见有4个框框。
第一个 Vendor,是主题制作人信息,你可以填入自己的名字、ID、昵称。我当然填入了我的ID:vixis(以前是voevonne)。
第二个,Copyright,版权信息,您看着填吧。
第三个,Version,版本信息。注意,这里填写以后,每次导出主题的时候都会带上版本信息,而且在导出之后,如果你再次修改了主题并且重新导出,版本信息不会自动更新,所以,如果就这么在桌面管理器里安装,桌面管理器会认为版本号一致而不会自动更新主题的,所以填写以后每次导出都需要手动修改这个版本信息。我第一次制作 PrecisonNew 主题,版本号写的是 1.0.0.0。
第四个框,Description,描述。这里可以简要的描述一下你的主题。
一切填好,来看第三个选项卡:Messages。
http://i517.photobucket.com/albums/u339/vixis_v/SS_006.jpg
这里是定义 Inbox(收件箱)用的。有五个选项。5 选 1 哦。
第一个:把 Email、SMS、MMS 整合到一个收件箱;
第二个:Email、SMS、MMS 各自为政,总共三个收件箱(够多的-_-!);
第三个:SMS、MMS 在一个收件箱,Email 在一个收件箱;
第四个:SMS 在一个收件箱,MMS 和 Email 在一个收件箱;
第五个:MMS 在一个收件箱,SMS 和 Email 在一个收件箱。
根据实际情况选吧。这里的决定会影响到后面图标的制作。这里 PrecisonNew 主题选择的是第一个,所有的都整合到一块(其实是图省事)。
好了,来看最后一个选项卡:Simulator。
http://i517.photobucket.com/albums/u339/vixis_v/SS_007.jpg
如果没有装模拟器,那么就会和我一样。不过其实没什么要紧的,和主题制作关系不大。而且,就算模拟器上主题没问题,到了真机上又是另一回事了。所以,没有装的必要啦。
一切 OK,那么我们就点击 OK 按钮吧。至此,前期准备工作完成。
主题制作第一步:Banner
http://i517.photobucket.com/albums/u339/vixis_v/SS_008_Banner.jpg
点击图中红框区域,开始编辑 Banner。此时,左侧真机预览窗格里,屏幕上除了 Banner 外什么都没有,不要怕。我们看到这里提供了很多的选项可以修改。我们慢慢详解。
来看第一个:
http://i517.photobucket.com/albums/u339/vixis_v/SS_009_Banner_Time.jpg
这里就是定义时间字体的。那个长长的下拉框可以定义字体名称。里面包括了 CDK 自带的一些字体(其实就是 BB系统里有的那些字体),还有你电脑上安装的字体。注意,这里只能使用 TrueType 字体(也就是文件后缀为 ttf的字体)。后面的数字是字号大小。这个貌似和 BB系统选项里的字号大小是两倍的关系,没有仔细认证过但差不多就是这样。字号大小后面那个白色框是用来定义字体颜色的。单击它,出现下面的对话框。
这里注意,如果你把鼠标移到 Inspector 的左边,可以拖动 Inspector 的大小,如果加大,右边就会出现好东西,就是默认情况下被遮住的按钮http://i517.photobucket.com/albums/u339/vixis_v/SS_017.jpg!这是一个对齐按钮,可以定义文本的对齐方式。这里我们选择居中对齐。
http://i517.photobucket.com/albums/u339/vixis_v/SS_010_color_01.jpg
这里可以调整你喜欢的颜色,有各种方式,RGB、HSB等等。左下角那个大框就是颜色预览。你也可以用颜色预览框右侧的那个吸管按钮http://i517.photobucket.com/albums/u339/vixis_v/SS_012_picker.jpg来“吸取”颜色。最后确定了就可以点击 OK 按钮了。
回到字体设置来。后面那个 B 按钮是粗体,I 是斜体。后面那个扭曲的厉害的 A 按钮是反锯齿开关,你可以自由决定开或者不开。A 按钮右侧还有一个小的矩形框,那是定义文字边框颜色的,点击之后出现一个颜色选择对话框。
http://i517.photobucket.com/albums/u339/vixis_v/SS_011_color_02.jpg
注意图中我用红色框住的部分,这是和字体颜色对话框有区别的部分。是的,多了一个按钮,这个按钮是干什么用的呢?就是定义透明颜色。这样就可以去掉文字边框了。确定后 OK。
这样,时间字体的设置就完成了。下面的 Date(日期)、Network(网络)、Carrier(运营商)、Unread(未读消息计数)这些字体也同样可以设置。注意,用 CDK 自带的字体,某些是不能修改颜色、边框颜色等属性的。
另外要多说一些。Network 其实就是我们手机平常见到的 gsm、gprs、edge 等字样,Carrier就是“中国移动”等字样。如果要去掉中国移动字样,目前可行的办法是将 Carrier 的字号设置成 1。但是这样在导出主题的时候 CDK会警告,说字体过小。其实我们可以将字号设置成2,这样 CDK 就不报错了,而且中国移动同样小的看不见。这就是所谓的“隐藏中国移动”的办法了。
字体设置完了,下面有个 Height 选项。这是定义 Banner 高度的,会影响到后面各种界面。建议不要设置的过大,一般 60 就足够了。我的 PrecisonNew 比较特别,采用了宽 Banner 设计,这里 Height 设置到了 70。
接下来的区域就是 Banner 图片定义了。点击方框内图片会弹出打开文件对话框,选择你准备好的图片即可。
Background : Banner 的背景图。需要的图片大小是 主题分辨率宽X高度。比如,我的PrecisonNew 主题是320×240 的,那么主题分辨率宽就是 320。高度就是上面的 Height,我们设置到了 70。所以我们需要准备的背景图的大小是320×70。
NewItem :当有新的 SMS 时,banner 上新信息的特别图示。在 PrecisonNew主题里就是图标右上角的小红花。需要的图片大小是 14×14。注意,14×14是包括小信封图标在内的,也就是说,你制作小红花图标的时候要把小信封图标计算在内。
BatteryMeter :电池电量图标。对于图片大小没有一定的规定,但是宽必需是 12 的倍数(因为总共 12种电池电量状态),高必需是 2 的倍数(正常状态和充电状态)。12种电量状态从左到右依次是:0%、10%、20%、30%、40%、50%、60%、70%、80%、90%、100%、电池不正常(就是大家经常看到的红色问号)。当然了,充电状态和正常状态要一致。嗯,这也取决于想象力。我们注意到,方框右侧有一个小按钮http://i517.photobucket.com/albums/u339/vixis_v/SS_013_BatteryMeter.jpg 。这是预览图片用的,可以查看各种状态,看你准备的图片是否符合切分标准,同时可以在左侧真机预览窗格里实时预览。你可以点击各种状态下的图标,查看效果。
SignalMeter :信号图标。和电池图标一样,没有对图片大小进行规定。但是宽度必需是 9 的倍数。对应 9 种信号状态:关闭信号、无网络、0%、20%、40%、60%、80%、100%、紧急呼叫(SOS)。图片高度无所谓。
FocusIcon :焦点图标的背景。图片大小需要是 48×36 的。前面的复选框决定是否显示焦点图标。这个焦点图标实际上就是 Profile(情景模式) 的图标。
Wifi Signal Meter:Wifi 信号图标。宽度是 5 的倍数就行,对应 5 种状态:关闭、无网络、33%、66%、100%。
AlarmIcon:闹钟图标。图片大小 14×14。
UnreadIcon:未读消息图标。宽度是 10 的倍数就行。但是,建议大小是 140×14,不然会出问题。对应 10种状态:未读SMS、未读Mail、未读语音信息、未读 WapPush、未读日历信息、未读BlackBerryMessenger信息、未读MMS(?)、后面几个就不是很清楚了。我毕竟没那么多未读消息去一一测试,有些也不是很确定,但大致是这样没错。
如果你觉得上面的图你选错了,需要改回默认图片怎么办?其实很简单。我们点击图片标题,出现菜单,点击 Reset to Default 即可。如下图。
http://i517.photobucket.com/albums/u339/vixis_v/SS_014_reset.jpg
我们看到还有另一个 Reload Image 的选项。如果你图片文件名没变,但是图片内容变了,需要 CDK 更新一下,可以选择这个,不用再去选择一遍图片了。
我们注意到,Banner 定义界面还有一个按钮,如下图。
http://i517.photobucket.com/albums/u339/vixis_v/SS_015_position.jpg
点击之后,左侧真机预览窗格出现了惊人的变化!各种图标文字被某种颜色覆盖了。如下图。
http://i517.photobucket.com/albums/u339/vixis_v/SS_016.jpg
这个时候,其实是调整文字、图标位置和大小的。可以用鼠标拖动操作。单击某色块即是选中。调整到你觉得满意的位置就行了。这里就要讲讲右侧Alignment 的作用了。有时候,我们需要文字或者图标对齐,全靠手动显然是不现实的。还好 CDK提供了这个对齐工具。我们可以同时选中多个色块,进行对齐操作。当然,这个就不用我详细讲了。调整完毕,再次点击 Position按钮退出位置调整状态,一切恢复原来的面貌,当然位置是你调整过的了。如果你觉得需要进行微调,可以点击预览窗格下方的按钮来进行画面缩放。从 50%到 400% 不等。
http://i517.photobucket.com/albums/u339/vixis_v/SS_043.jpg
我们来说说 4.2.2 的 CDK。4.2.2 很显然就没那么多选项,Alignment 也没有,很多图片无法自定义,比如未读消息图标。
最后,我们的 banner 就是这个样子的。
http://i517.photobucket.com/albums/u339/vixis_v/SS_018.jpg
主题制作第二步:HomeScreen
我们吹响号角,来到了第二步,HomeScreen 的定制。
首先就是 Status Font 的设置。字体的具体设置就不多说了。这个 StatusFont 是什么呢?就是你选中下面的图标的时候显示的状态文字。
接下来就是 Applications 的选择。有三个图标,如图。
http://i517.photobucket.com/albums/u339/vixis_v/SS_019.jpg
第一个图标,添加的是 Today 风格的横条,横贯整个屏幕。第二个图标添加的是 zen 风格的图标,一个图标,一个文字而已。最后那个,就是删除按钮。
点击前两个按钮添加程序之后就会在下面的列表里显示出来。
http://i517.photobucket.com/albums/u339/vixis_v/SS_020.jpg
很直观,右侧就是程序类型,跟你点击的按钮是一致的。列表右方是定义 Application Menu 图标的,需要图片大小是48×36。有些同学没有将快捷键绑定在应用程序列表,所以需要添加一个 Application Menu 来打开应用程序列表,不能总对着HomeScreen 上那几个图标发呆吧。当然,如果不添加,倒是可以隐藏图标,达到保密的目的。
列表下方同样是个调整位置的按钮,按下之后进行各程序图标的位置调整。右侧 Alignment 同样有效。
下面有个 Properties 区域。当你点击上方列表中某一项的时候,就可以在这里进行调整。貌似看不到完整的调整选项?哦,同样,需要将 Inspector 整个区域扩大,这样右侧就有滚动条啦,我当年被这个弄的很郁闷的说。
http://i517.photobucket.com/albums/u339/vixis_v/SS_021.jpg
这是 zen 风格的图标的属性图。
图中,第一个 Application 可以修改这个按钮对应的程序。点击右侧黑莓 logo 按钮进行选择。上方列表中已有的程序是无法被再次选择的,或者说,弹出的列表窗口中压根就没有,哈哈。
第二个 Focus 是指当你用滚轮或者滚珠选中这个图标的时候,在图标下层显示的图案,图片大小是 56×38 的。右边 Tab 则是非选中状态下图标下层显示的图片,同样 56×38 的大小。
下面 IconAnimation 则是4.5 CDK 中激动人心的功能之一:图标动画效果。总共 7个选项:None(无动画效果)、Bounce(弹跳)、Fall(落下)、Spring From Left(从屏幕左侧进入)、SpringFrom Right(从屏幕右侧进入)、Spring From Top(从屏幕顶部进入)、Spring FromBottom(从屏幕底部进入)。后面四个动画效果的屏幕是指整个手机屏幕(图标活动范围很大的说)。每个图标的动画效果可以不一样哦。
下面 ShowText 则是选择是否显示程序的名称。程序的名称是显示咋图标右侧的,通过下方 Margin属性可以调整和图标的距离。也可以为这个文字选择一种动画效果。和图标动画效果一致的 7个选项,可以和图标动画效果不一样。可以简单的定义文字左右对齐方式,当然少不了字体属性设置,不多说了。
接下来看看 Today 风格横条的设置。
http://i517.photobucket.com/albums/u339/vixis_v/SS_022.jpg
可以看到,选项真是少的可怜。除了选择程序外,只有两个字体设置,分别是主标题设置和子标题设置。然后就是 Focus 焦点图设置,320×280 的。还可以设定子标题显示个数。拿日历举例子,如下图。
http://i517.photobucket.com/albums/u339/vixis_v/SS_023.jpg
最后经过一番努力的调整,我们的 HomeScreen 就成了下面这个样子。
http://i517.photobucket.com/albums/u339/vixis_v/SS_024.jpg
主题制作第三步:Application Icon Screen
在这里,我们可以设定各个图标的样式。哇,重头戏之一啊。左侧的预览窗格变成了 icon 界面,这是为了方便观察图标效果。
http://i517.photobucket.com/albums/u339/vixis_v/SS_025.jpg
选项不少,我们一一看过来。
最上方 font 属性,是指 icon 界面下方程序名称的字体,设置不多说,没什么特殊。
第二个 Background 就是背景啦,也就是首页的背景,也是 icon 界面的背景,就是主题的默认背景。挑选一张自己喜欢的、和主题比较搭配的上。图片大小当然就是主题的大小咯,240×260 或者 320×240。
第三个 NewItem,这个是 Banner 界面下的 NewItem 差不多,但是图片大小不同,这个是 48×36 的。图片制作的注意点和 Banner 下那个一样,要计算 icon 的位置。
第四个 FocusIcon ,指定图标获得焦点的时候在图标上层或下层显示的图片,同样 48×36 的大小。右边单选框选择是上层(overlay)还是下层(underlay)显示。我上两张图给大家对比一下。
http://i517.photobucket.com/albums/u339/vixis_v/SS_026.jpg http://i517.photobucket.com/albums/u339/vixis_v/SS_027.jpg
从图中可以很明显的看出差别来。
接下来就是真正的重头戏,图标替换。
好长的一个列表,里面列举出了所有可以替换的程序的图标,包括我们常用的,不常用的,甚至闻所未闻的。不管那么多,一一改过就是。
http://i517.photobucket.com/albums/u339/vixis_v/SS_028.jpg
点击右键出现上图菜单。可以 Reset to Default(重设为默认)、Reload Image(重载图片,也就是刷新)、ImageInformation(显示图片信息,在图片右下角显示图片分辨率,比如 48×36)、Change AllIcons(更改所有图标)。最后一个更改所有图标,需要你实现准备好所有的图标,而且放到同一个文件夹下,文件名按照列表中的图标名来,非焦点状态和焦点状态都要有,焦点状态的文件名需要加上 _focus。不然 CDK只帮你替换符合规则的图标。如果你只需要替换一两个,那么在图标上单击就可以进行替换。左侧为非焦点状态图标,右侧为焦点状态图标。两个状态可以使用同一张图片,那就是没有两种状态的显示了。好,我们进行图标的替换,换成我为 PrecisonNew 准备好的图标们。
需要注意的是,在这里定义的 Profile(情景模式) 的图标直接影响到 Banner 界面的那个 FocusIcon,两者是一致的。另外,这里定义的图标,在前面 HomeScreen 里也是一致的。三位一体,哦也!
列表下面是 Hierarchy(层次)按钮,可以编辑程序们的层级。单击出现对话框如下。
http://i517.photobucket.com/albums/u339/vixis_v/SS_029.jpg
最上方是新建文件夹按钮和删除按钮,大家可以按照自己的喜好进行调整,不多说。
整个界面最下面是个 WebLink 的定义。曾经尝试在这里定义,但是貌似无效,也没仔细研究,就这样吧。4.2.2 的 CDK 没有这个 WebLink 的设置,其他基本一样。
主题制作第四步:Controls
http://i517.photobucket.com/albums/u339/vixis_v/SS_030.jpg
我们在这里定义 Dialog(对话框)、Button(按钮)、Menu(菜单)、Titlebar(标题栏)、List(列表)的样式。左侧预览窗格的样式已经有比较大的改变,根据右侧顶部三个复选框来决定显示的内容。好了,我们一个一个来设置。先看对话框。
http://i517.photobucket.com/albums/u339/vixis_v/SS_031.jpg
乖乖,选项不少。
第一个字体设置,不多废话。
第二个 Background 定义背景。没有严格的图片大小规定。重点在于后面两个按钮。先看那个白框框,那个直接就是用某种颜色代替图片来定义对话框的背景,够简单。重中之重在于第二个按钮,我们点击一下看看。出现对话框如下。
http://i517.photobucket.com/albums/u339/vixis_v/SS_032.jpg
这是什么东西,貌似看不懂啊。看我慢慢解析。
占据屏幕最大区域的,无疑就是我们选择的图片的放大版。下方显示了图片的尺寸:90×60。那四条线一会再说。右上方,毫无疑问,Preview,预览,下面的 Show Guides 就是是否在预览窗口里显示那四条线的开关(原来那四条线叫做Guide)。右下方,一堆参数,左右上下。其实这是和那四条线关联的。我们来详细研究下这四条线。
默认情况下,上下左右四个参数都是 0,四条线安分的守在图片的边缘。但是我们看到预览却不成样子了。
http://i517.photobucket.com/albums/u339/vixis_v/SS_033.jpg
注意图中左侧真机预览窗格的预览显示。
这是为什么呢?通常情况下,系统中出现的对话框的大小比我们选择的图片要大。这时候,为了弥补图片大小不足的缺陷,系统就将我们选择的图片向右侧、下侧不断的重复填充,于是就出现了上面那个尴尬的场面。
这时候,那四条线联合那四个参数就发挥出了巨大的作用。我们调整一下左侧的那条线到 12 位置处。此时线距离左边框 12 像素。效果如下图。
http://i517.photobucket.com/albums/u339/vixis_v/SS_034.jpg
我们看到,向右方延伸的图片,左侧被切掉了一部分。切掉了多少呢?12 像素。就是我们设定的数值。这么看来,重复延伸的就只有剩下的那部分了,那么这四条线就是定义延伸部分用的了。事实的真相是否就是这样呢?我们调整右侧线条到 12 位置处,同时将左侧线归零。此时出现了另一个现象。如图。
http://i517.photobucket.com/albums/u339/vixis_v/SS_035.jpg
按照上面的推断,此时向右延展的部分应该是切剩下的左侧部分。但是为什么预览中出现了本不该出现的右侧的圆角呢?这不是被切除了嘛?但是我们同时还要发现,预览窗格中右侧的圆角矩形比原来的窄。这又是为什么呢?其实答案已经昭然若揭了。我们动的这条线是切割了图像没错,但是它不仅仅是简单的切除而已。它其实是分割用的。拿左侧线条举例。它将图像分割为左右两个部分。我们试验的结果是,右侧部分向后平铺延展,左侧部分消失。然而事实是,左侧部分仅仅在垂直方向上延展而不参与水平方向的延展,而右侧部分的延展则两个方向都要参与,而且从距离左侧 12像素开始延展。这样就和左侧部分拼合起来,同时给我们造成了一种切除的假象。再来看右侧线条。同样分割成左右两个部分。但是这次是左侧部分需要参与两个方向的平铺,右侧部分只需要参加一次垂直方向的平铺即可。但是这怎么解释右侧方框变窄呢?事实是这样的。所有的图都是从左上角开始平铺的。右侧线条切割下的右侧部分,仅仅进行了最右侧垂直方向上的平铺工作。然后左侧部分则参与了从左上角开始计算的垂直与水平两个方向的平铺工作,并且到距离右边框 12像素处停止。这样就和右侧部分拼合了起来,于是,框变窄了。
嗯,上面的原理说的很麻烦,又是水平,又是垂直的,像绕口令。但是仔细看看还是能看明白的^_^
了解了原理,那么我们就好设置这四条线的切割了。根据我选择的图片,我们将上下左右都设置成 12。这个数值是根据图片的不同而不同的,需要各位做自己的主题的时候仔细揣摩的哦。
总算大功告成把对话框背景搞定。接下来就是定义对话框的各个提醒图标了。分别是Question(疑问)、Information(信息)、Hourglass(沙漏)、Exclamation(惊叹)、Bluetooth(蓝牙)、MemoryCleaner(内存清理器)、Alarm(闹钟)、Calindar Reminder(日历提醒)、Lock Screen(键盘锁定)和Task Reminder(任务提醒)。图片大小需要 39×41,我选用了 40×40 的,貌似也没什么问题的说,接近正方形就行。4.2.2的 CDK 可没这么多图标定义,只有前四个而已。
对话框设置完了,我们来设置按钮。
http://i517.photobucket.com/albums/u339/vixis_v/SS_036.jpg
选项不多。设定字体,还有高亮文字(Highlight 那个)的字体。然后就是正常状态和高亮状态按钮图片的设置,和对话框背景的设置一样,不多说了。
http://i517.photobucket.com/albums/u339/vixis_v/SS_037.jpg
和按钮的设置差不多,但是要注意,这里只有一个菜单背景图的选择,不像按钮有两种状态。右边 Cursor 的颜色选择就是高亮菜单项的背景颜色设置。
这里要多说一句,如果采用有透明效果的图片作为菜单的背景,那么在某些第三方应用程序中会造成菜单透明部分闪烁的问题,比如 Opera、China Google Map 就有这样的问题。所以为了最大兼容性,只能牺牲透明菜单效果。
接下来是 Titlebar 的定义。
http://i517.photobucket.com/albums/u339/vixis_v/SS_038.jpg
有些同学可能还不知道这个 Titlebar 是个什么东西。其实就是我们进入电话本界面时在屏幕最顶端的那个 Find 条。设置跟菜单的几乎一样,不过这里 Cursor 可不是高亮条,而是那个竖条子。
最后,List 的设定。
图就不上了,就只有字体的定义,还有高亮条的颜色,普通状态的颜色,以及多选的时候的颜色的设置。
主题制作第五步:Message List
http://i517.photobucket.com/albums/u339/vixis_v/SS_039.jpg
第一个的字体就是信息界面的标题栏,显示日期的那个。第二个的背景图也是针对这个的。这俩的设置很纠结,往往会搞出很难看的效果,应该是 CDK 的错。总之很烦人。
第三个 icons,哇,这可是个大工程啊。图片大小没有规定,但是宽需要是 21 的倍数,高需要是 4 的倍数,总共约 84个项目,当然,里面不少无效项目。每个项目大概 16×16为佳。大家可以参照默认主题的图来制作自己的自定义图标。很多很烦人。都是信息界面每个条目前的那个小图标。
第四个 webicons 总共五个项目,分别对应五种状态,有发送中、wappush 图标、发送失败等。我们一一设置。4.2.2 的 CDK 没有 icons和 webicons 的设置。
主题制作第六步:PhoneScreens
我们可以通过顶部的按钮切换各个界面的设置。
http://i517.photobucket.com/albums/u339/vixis_v/SS_040.jpg
第一个其实就是通话记录界面还有拨号界面的设置,能改的选项也只有自己电话号码文字的颜色以及你拨打的电话的文字的颜色而已。
第二个界面是正在通话中的界面的设定。
http://i517.photobucket.com/albums/u339/vixis_v/SS_041.jpg
第一个字体颜色,嗯。第二个音量图标,宽度需要是 11的倍数。分别对应音量0%、10%、20%、30%、40%、50%、60%、70%、80%、90% 以及 100%的状态。下面修改拨号类型的图标。如图,共 7枚。分别是活动通话、静音通话、打开扬声器的活动通话(免提)、打开扬声器但是静音的通话、蓝牙活动通话、蓝牙的静音通话以及直接连接通话。
话说这个通话界面的更改无法改变背景图片,只能看着那一片惨淡的白,CDK 啊 CDK ,残念啊残念。
最后一个来电界面设置。能定义字体颜色和背景图而已。
主题制作第七步:Lockscreen
可以定义字体、背景图和锁定状态图标。没什么特别的不多说了。
主题制作第八步:Gobal Item
http://i517.photobucket.com/albums/u339/vixis_v/SS_042.jpg
同样我们看到貌似很多选项设置的设置。其实东西不多。
第一个Transmission,其实就是定义流量图标,就是我们上网的时候右上角闪啊闪的那个图标。总共四种状态。看默认主题的就能明白。对于图片大小倒是没有限制,但是要显示的好一些,却要费一些功夫。在这里有一点需要特别注意。系统会默认将流量图标中的白色部分设置为透明,不管你图片是什么样的,白色总是透明的。我们在制作图片的时候可以把白色弄成浅一点的灰色,手机上看来还是白色,但是不会被弄成透明。这可是我独家秘技哦。
第二个 Navigation,就是东西太多一个屏幕显示不了的时候,出现的向上或者向下的箭头,共两个图,对图片大小也没什么限制,别搞一张特别大的图就行了。
第三个 Cursor,就是我们常见的沙漏图标了。有人喜欢有人不喜欢,总之在这里设置。
第四个 Progress,调整进度条的颜色。分完成部分和为完成部分,分别有字体颜色和条颜色设置。注意,这里未完成部分的文字颜色设置会影响切换输入法时弹出的输入法选择框里的文字颜色,切记切记。
最后一个 Application ,设置程序的背景颜色。像选项啊、信息列表啊这些的背景颜色。
四、保存、导入、导出主题
好了,需要改动的地方我们都改过了,那么我们首先要做的就是保存这一主题,免得辛苦努力都付诸东水。菜单 File -> Save 会是你的不二选择。选择一个目录,输入文件名,点击保存。保存之后是一个以 thm 为后缀的文件。
http://i517.photobucket.com/albums/u339/vixis_v/SS_044.jpg
这个文件当然不是我们需要的可以装到我们的黑莓手机里的主题文件。为了能装到我们的手机里,我们需要将主题导出。
菜单 File -> Export 正是我们需要的。点击之后出现界面如下。
http://i517.photobucket.com/albums/u339/vixis_v/SS_045.jpg
最上面可以选择导出的类型。直接装到手机里,那当然了 alx 了,如果要提供 OTA 下载的,那么就要选择 JAD 了。
然后输入主题名称,选择保存路径,手持设备型号,目标系统版本。下面两个复选框,第一个是选择是否覆盖已存在的文件,第二个则是选择是否保存国际字符。一般两个都勾上,至少我是这样的。
然后我们就得到了我们所需要的 alx 文件和 cod 文件。
http://i517.photobucket.com/albums/u339/vixis_v/SS_046.jpg
现在只要通过桌面管理器导入我们的手机就行了。注意我一开始说的版本号问题哦。
导入主题只需要通过菜单 File -> Import 就行,选择你下载来的 thm 文件即可。
五、文中没有提及的一些东西
1、推荐使用的图片格式是 png,和 jpg 比较,png支持透明,和 gif 比较,png 支持的颜色数多。所以,我们选择了png。由于 png 是可以透明的,所以有些图标,如果不想看到它,那么我们完全可以用一张透明的 png去替代掉原先存在的图。比如键盘锁界面的那个小锁图标,就可以这样隐藏掉。
2、好多地方都可以修改字体,其实我们可以通过菜单 Edit -> Change Font 来批量修改字体。
http://i517.photobucket.com/albums/u339/vixis_v/SS_047.jpg
3、主题做了一半我突然想从 icon 类型改成 zen 类型怎么办?难道又要创建一个重来?同样,菜单 Edit -> Change Style 是你的最佳选择。
4、字体最好不要过多的使用自己电脑里安装的字体,因为这样会导致最后导出的主题文件体积过大。
5、可以通过菜单 View -> Change Plastic 来改变真机预览窗格的机型外壳。机型多多,任君选择。
http://i517.photobucket.com/albums/u339/vixis_v/SS_048.jpg
6、有些主题导出的时候会有滚珠反向的问题。经过我的尝试和机友们的帮助测试,我推测问题是这样的。在导出的时候,如果选择机型是 8300或者 8800 这样有滚珠的机型,就会造成滚珠反向,即上下变左右,左右变上下。而如果导出时选择 8700这个没有滚珠只有滚轮的机型,则没有这个问题,但同时会造成 Banner 区域 Profile(情景模式)图标无法被选中的问题,所以看各人取舍咯。
7、如果字体保持默认不动(字体名称、字号大小、字体颜色、反锯齿设置等),那么这个字体就可以通过手机 选项->屏幕与键盘 里的相关字体设置进行更改。这样留给用户的空间更大,但是可能和主题不搭。
8、LockScreen 的背景图如果保持默认不动(那张公路图),则可以由用户自定义,也就是跟着用户设置的背景图走。不然就被主题定死了。
9、Today 风格横条的左侧图标和 Zen 风格图标的分辨率貌似有差异,还没有证实。根据旁人制作的主题来看,会造成 Today 风格横条左侧图标只能显示部分而不是全部。
10、HomeScreen 定义部分,如果是 custom 类型,图标对应的应用程序是无法像 zen 那样在手机上由用户定义的,只能在主题制作的时候定死。滚轮、滚珠滚动的顺序就是列表中的顺序,可以通过鼠标拖动来改变。
11、记住 CDK 是可以撤销的。
六、Plazmic 官方提供的 4.5 CDK 更新
[*]可以创建 custom 主屏
[*]导入其他主题
[*]自定义信息列表图标
[*]添加网络链接
[*]自定义提醒图标
[*]自定义键盘锁屏幕
[*]新的应用程序图标
[*]JDE 和 MDS 被添加到了安装程序中
[*]新的设备的外壳
七、总结
总的来说,CDK 4.5 还是比较强大的,能定义比较多的东西了。但是同样我们也感受到限制之多,不能像其他优秀的运营商主题那样全面定制。比如 icon 界面图标个数,比如计算器界面,比如自带浏览器的小图标等等。只能期待下一个版本了。
让我们迎接全民定制时代的到来吧!
可以可以{:7_206:} 进来看看,哈哈哈。
页:
[1]