首  页 | 手机大全 | 选机中心 | 促销专区 | 动漫手机 | CDMA专区 | 智能专区 | 蓝牙专区 | 国产专区 | 双待专区
商家供求 | 网商会员 | 手机论坛 | 手机评测 | 手机画报 | 手机软件 | 手机新闻 | 手机专题 | 手机图铃 | 手机电影
 
论坛 - SmartPhone 专区论坛 - 定制smartphone Windows Media Player皮肤
发贴 回贴 [登陆] [注册]
看你悔棋
 
2006-10-15 18:52:45   楼主
定制smartphone Windows Media Player皮肤(翻译)

Smartphone中Windows Media Player(以下简称WMP)的乐趣就是通过影片与声音提供给用户一个多媒体体验。但玩弄WMP还不仅仅这些。

通过自定义SmartPhone的主屏幕,你甚至可以定义你想要的WMP外观.

更换WMP皮肤已不是一件新鲜的事物。在移动设备的WINDOWS中,WMP从1、1.1、1.2、7、7.1、8、8.5和9都支持换肤功能。现在我们来看一下在SMARTPHONE怎么换肤以及什么换肤需要的工作的什么.

在Smartphone2002(Smartphone2003也类似)更换WMP的皮肤实际上比Poctet PC还简单。因为需要的映射图形更少,这些映射图形作为播放器的控制按钮构成控制杆或动作键(D-Pad)。

让我们看一下SmartPhone2002中WMP皮肤的成分。

要创建Smartphone2002下WMP皮肤四个必需的成分:

§ 皮肤定义文件- 这是统筹各个部件的。它定义将被使用的图形、功能、坐标、显示的信息等等。
§ 背景文件-这就是运行WMP显示的图形, 而且它对所有的其他层次的图形提供了一个基础,例如Disaled文件,Pushed文件。
§ Disabled 文件- 当按钮不可用时显示这个图形相应部分。
§ Pushed 文件 – 一个非常好的快捷地让用户知道按钮处于活动之中而且具有功能。

让我们看一下一个皮肤中必需的元素。

§ 位图-提供用户界面的图形。
§ 影片框-播放器的影片框用来显示影片的区域。
§ 按钮-播放、停止、提高音量、降低音量、上一首、下一首。
§ 状态栏-显示播放器的状态。
§ 文本–选取要显示的信息。
§ 时间-显示当前媒体文件已播发的时间。
§ 滚动字幕(Scrolling Marquis)-显示文件信息
§ 搜索栏(thumbs)–如果你需要音量和内容状态的可视化界面

正如我早先所说的,Smartphone中的WMP比Pocket Pc的更简单,对于PC中的WMP更是如此。 对比Pocket PC,在Smartphone运行WMP最大的不同就是播放器的控制与手机的控制面板和动作键(Joystick/D-Pad)相对应,这样就不需要鼠标或者是触模笔。因为如此,主要的控制被限制,而且直截了当地减少必需的成分。

那么Smartphone的WMP皮肤最低要求是什么呢?只是下面四个文件:wmplayer.bmp、pushed.bmp、disabled.bmp和wmplayer.skn. WMP也支持Gif文件。我们将用BMP格式做示范。

创造背景需要创新。需要考虑的关键项目是影片框区域的位置与尺寸,对于滚动字幕和文本框也在照样如此。按钮可以摆放在同一位置例如影片框来节约空间。当播发影片时,按钮不是关键的可视化要素,因为控制的功能已经被关联到了控制面板和动作键.

这里有一个Smartphone的皮肤范例。

现在我们看到皮肤上标记的元素。每一个元素都有自己的坐标,是以背景图形为基准的,使用<x,y>坐标绘制每一个按钮的开始点。基本上就是在一幅176 x 180的图形上工作的,左上角的坐标为<0,0>.

前两个数字是坐标,后两个数字是尺寸。你会留意到标着开始位置的为<10,64>和尺寸为60x60的区域。类似的下一个按钮位置是<132,61>,尺寸为30x30。这些同样指出要被pushed图形或者disabled图形替换的区域。注意每个按钮或者文本框的坐标,这些将在以后在皮肤定义文件支配。此外,确保每个按钮必须包容在一个容器中而且每个容器不侵食(超越)下一个按钮。如果是的话,正如下面的例子(从另一个我做的皮肤), 你就得创造一个另一种风格pushed图形来把所有元素放在容器中。正如你所看到的,这是一个被排列成直线型风格。

下一个是pushed 图形。

第三个是disabled图形.

相似的,pushed图形和disabled图形的按钮应该拥有自己的坐标,这些坐标将记录在皮肤定义文件。

最后一个图形是可选的,它就是搜索栏。它在原始的Smartphone皮肤中并不存在但可以用来指出当前播放文件的进度。搜索栏可由两个图形做成。第一个替换可视化音量杆,第二个替换可视化媒体进程。

为了使问题简单化,我使用主背景图形作为pushed图形的基础。我复制开始(按下状态)按钮来添加另一个停止按钮(按下状态),通过改变pushed图形的色调与饱和度我可以改变颜色。换句话说,通过改变颜色来创造一个背景图形的复制品。

Skn文件是基本上是一个文本文件。它最讨厌的一件事也就是通常导致一个失效的皮肤就是当进入空间(entering spaces)时的标签使用。如果在一个skn文件中没有标签入口,那么这个皮肤将失效。使用空格键在数据与标题之间添加空格。在行头带上//只是仅仅作为注释。一个很好的编辑器就是桌面电脑的记事本。

让我们看看wmplayer.skn的内容。

[Pocket WMP Skin File v8.1]


///////////////////////////////////////////////////////////////
[ Bitmaps ]

// <名字(name,这是系统定义的,不能更改)> <图形文件名(File name)> <坐标(x,y)>
// ------ ----------- -----
Background wmplayer.bmp 0,0
Disabled disabled.bmp 0,0
Pushed pushed.bmp 0,0
Region wmplayer.bmp 0,0
Super wmplayer.bmp 0,0

////////////////////////////////////////////////////////////////
[ Video ]

// <区域(Location)>
// ----------
8,58,160,120

////////////////////////////////////////////////////////////////
[ Buttons ]

// <功能(Function,不能更改) > <类型(Type)> <区域(Location)> <Push图形位置(Push Image Src)> <disabled图形位置(Dis Image Src)> <Hit R,G,B> <Norm 2 Image Src> <Push 2 Image Src>
// ---------- ------ ---------- ---------------- --------------- ----------- ------------------ ------------------
VolumeUp Toggle 72,96,30,30 Pushed @ 128,35 Background @ 72,96 0, 0, 0
Prev Push 92,61,30,30 Pushed @ 148,0 Background @ 92,61 0, 0, 0
Next Push 132,61,30,30 Pushed @ 188,0 Background @ 132,61 0, 0, 0
PlayPause 2Push 10,64,60,60 Pushed @ 65,3 Disabled @ 65,3 0, 0, 0 Disabled @ 2,3 Pushed @ 1,3
VolumeDown Toggle 111,96,30,30 Pushed @ 167,35 Background @ 111,96 0, 0, 0

///////////////////////////////////////////////////////////////
[ Status ]

// <项目(Item)> <区域(Location)> <对齐方式(Align)> <字体(Font)> <颜色(Color)>
// ------ ---------- ------- ------ -------
On 65,10,95,18 Left Nina,8,N 0,0,0

///////////////////////////////////////////////////////////////
[ Text ]

// <项目(Item)> <区域(Location)> <对齐方式(Align)> <字体(Font)> <颜色(Color)>
// ------ ---------- ------- ------ -------
Time 10,10,51,18 Right Nina,8,N 0,0,0

///////////////////////////////////////////////////////////////
[ Marquis ]

// <区域(Location)> <字体(Font)> <颜色(Color)> <字体项目联合(Text item combinations)>
// ---------- ------ ------- ------------------------
10,29,150,18 Nina,8,N 0,0,0 Title+Author+Bitrate,Title+Bitrate,Filename+Bitrate

///////////////////////////////////////////////////////////////
[ Trackbars ]

// <功能(Function)> <位置(Location)> <disabled图形位置(Dis Image Src)> <搜索栏块位置(Thumb Image Src)> <搜索块大小(Thumb Size)>
// ---------- ---------- --------------- ----------------- ------------
Seek 10,23,150,8 Super @ 0,0 thumb.bmp 8,8

解释skn文件,我们会看到标题解释项目输入的顺序。我们用播放暂停按钮举个例子。


// <Function> <Type> <Location> <Push Image Src> <Dis Image Src> <Hit R,G,B> <Norm 2 Image Src> <Push 2 Image Src>
PlayPause 2Push 10,64,60,60 Pushed @ 65,3 Disabled @ 65,3 0, 0, 0 Disabled @ 2,3 Pushed @ 1,3
正如你所见到的,区域(location)指定坐标与尺寸,然而接下来的项目如diabled图形pushed图形只是需要坐标。


类似的你必须制订出所有按钮。一旦这个完成了而且所有成分已经制作完成,它们可以摆放在一个命名恰当的文件夹中,然后修改Smartphone的注册表来指定WMP使用新的皮肤。 文件夹可以废纸篓IPSM卡或者storage card. 现在你必须进入注册表中HKEY_LOCAL_MACHINE\Software\Microsft\windows\Windows Media Player 8,.在这里需要注意的是,Smartphone2003在这里有所不同,进入 HKEY_LOCAL_MACHINE\Software\Microsft\windows\Windows Media Player\parameters,更改skindir字符串的值为皮肤定义文件(*.skn)的文件夹位置,再修改SkinFile为皮肤定义文件(*.skn)的文件名。

youzai
 
2006-10-15 22:08:23   2楼
是漂亮了不少

http://img.139shop.com/NewFile/20084/200842119163830404.jpg
[登陆]后即可进行回复
Powered by 139shop.com 2002-2008, 北斗手机网