天天动听皮肤制作器 v0.1做皮肤是一件简单的事[08-07-02] 组件, 皮肤

赵版

主要功能：
可以任意改变一个组件的大小，位置，文字颜色，图片，主页面，而这些麻烦的又专业的东西的大部分操作只需五个导航键＋本工具！
在拾色器中，“《原始颜色》”是未修改前的颜色，文字的背景颜色为选中的颜色，按ok键即可选定并保存！！按右软键取消，这时使用原始颜色，不作更改
更改置，这个是做皮肤最不好做的地方，也是本软件的特色，在软件里，只需按方向键即可更改组件位置，软件会自动调整组件的显示范围（图片组件），需要调整显示范围请点选项中的 改变大小！和拾色器同样的，右软键取消
软件开发时间比预期的时间长了许多，让兄弟们久等了
软件操作比较容易上手，在做皮肤前最好参考天天动听皮肤制作教程，因为有些专业用语可能写的不太恰当，这里也希望大家指正，其它没有的功能请大家踊跃提出，我会先做大家最需要！还有一些素材没有整理全，先把软件发出来！这两天会给大家一些素材做皮肤用
最后祝大家做出自己满意的天天动听皮肤，在听音乐时能有更好的心情！
中文名称：
天天动听皮肤制作器
授权方式：免费
软件版本：v 0.1
软件类型：工具类
测试已通过机型：6680/70
程序开发：飓龍枭旭
测试人员：
飓龍枭旭/非凡/天天动听测试组兄弟
支持机型：
理论支持所有s60一二版机型 ,不保证所有机型都可以兼容



正常使用请安装python最新平台！

[ 本帖最后由 zcr608 于 2008-7-3 16:25 编辑 ]

赵版

天天动听皮肤SKN文件用到的颜色代码

皮肤mbm到ttb的双向转换工具

MBMTool 简体汉化版

MBM编辑器简体中文完全版

[ 本帖最后由 zcr608 于 2008-7-3 16:36 编辑 ]

赵版

天天动听 V2 3.0皮肤制作教程【新版本】

---------皮肤的位置---------------------------------------------------------------------
TTPOD 3.0的皮肤放在 "E:\ttpod\skin\v3\ " 这个文件夹里 （E盘是存储卡）
--------------------------------------------------------------------------------------------

---------皮肤文件的组成----------------------------------------------------------------
天天的皮肤文件由两部分组成 *.skn  *.ttb
---------------------------------------------------------------------------------------------

---------Skn文件详解--------------------------------------------------------------------
Skn文件实际上是个文本文件
可以用记事本打开
它用来描述皮肤各个部件的性状

每个部件都是由形如（下图）的格式
''''''''''''''''''''''''''''''''''''''''''''''''
XXX { YYY  000
             }
''''''''''''''''''''''''''''''''''''''''''''''''
XXX是部件容器名  { }里是具体的部件性状
大到页面 小到时间显示 都是如上格式
一个大容器还可以包含一些特定的小容器
比如页面内有歌词秀 按钮 时间 等等
-------------------------------------------------------------------------------------------
Black皮肤未用到的代码
-------------代码补完------------------------

TTPodMain {
    FlipOpen {
    .............
Played {                                                  不用自定义时间时 用系统字体表示时间
   Position 28 20 56 19                           
    Font Acb14 20 0                                  显示字体字形"Acb14".不需理会或修改"20 0".
    FontColor 40 215 49                             显示字体颜色 "红=40 绿=215 蓝=49". 可以用Windows自带画图的自定义颜色来调色
  }
    SampleRate {                                       显示当前歌曲采样率
        Position 10 73 25 14
        Font CombinedChinesePlain12 14 0
        FontColor 154 186 225
    }
    BitRate {                                                 显示当前歌曲比特率
        Position 59 73 25 14
        Font CombinedChinesePlain12 14 0
        FontColor 154 186 225
    }
    AlarmIcon {                                             显示闹钟提醒图标
        Position 134 77 10 10
        Icon 56 57
    }
    RepeatIcon {                                           显示重复提醒图标
        Position 153 77 10 9
        RepeatListIcon 58 59                           循环播放
        RepeatSingleIcon 60 61                       单曲循环
        RepeatNormalIcon 62 63                     顺序播放
        RepeatRandomIcon 64 65                    随机播放
    }
...............
    }
}
TTPodList
{
    FlipOpen
    {
    ScrollBar {                                         页面滚动条
        Position 164 58 6 115
        KnobIcon 50 51
        Style 1
        ScrollerSize 0
        Step 1
    }
    }
}

-----------------------------------------------------------------------------------------------

赵版

以下是Black.skn文件的内容详解....................
TTPod 3                                          表明皮肤文件为TTPOD3的皮肤文件
TTPodMain {                                   TT3 的容器——“页面” 表示“主页面” 类似的“TTPodList”等等都是
    FlipOpen {                                   
    PlayedDigits {                               显示自定义的歌曲已播放时间 用自定义的图片数字来表示播放时间

        Position 9 101 50 18                定义部件位置 大部分部件都有类似的位置代码
                                                        距左边9像素 距顶部101像素, 需要显示的范围"长50像素 x 高18像素".
                                                        S60 v2手机屏幕总共为176*208像素

        Bitmaps 67 14                          图片序列 表明 ：图67 开始的 14张图都是用于自定义播放时间的图片
    }
    TotalDigits {                                 显示自定义的歌曲播放总时间 用自定义的图片数字来表示播放时间
        Position 117 101 50 18
        Bitmaps 67 14
    }
    Logo {                                                  不播放音乐时显示Logo徽标
        Position 117 101 50 18
        Bitmaps 82 1
    }
    Title {                                                          显示正在播放的歌曲名称
        Position 10 71 156 20
        Font CombinedChinesePlain12 20 0      显示字体"CombinedChinesePlain12" 这种字体的高为12像素
        FontColor 255 255 255                          字体颜色
        Style 3                                                    文字动作"Style 3",用来控制文字左右滚动或上下滚动
        ScrollDelay 10                                        滚动延迟  完成一次滚动暂停的时间（？？？待验证，印象中如此）
        ScrollStep 4                                           滚动速度
    }
    Artist {                                                         显示演唱者姓名
        Position 52 138 88 14                             位置代码
        Font CombinedChinesePlain12 20 0       字体
        FontColor 255 255 255                           字的颜色
        Style 3                                                      
        ScrollDelay 10
        ScrollStep 4
    }
    Album {                                                       显示专辑
        Position 52 161 88 14
        Font CombinedChinesePlain12 20 0
        FontColor 255 255 255
        Style 3
        ScrollDelay 10
        ScrollStep 4
    }
    Volume {                                                    音量条
        Position 137 8 35 5
        Style 0
        KnobIcon 40 41                                      所用图片和遮罩 为图40 和图41
    }
    Position {                                                    进度条
        Position 15 91 150 10
        Style 2
        KnobIcon 38 39
    }
    Analyzer {                                                    显示频谱
        Position 16 26 147 34
        BarIcon  36 37
    }
    PlayingIcon {                                               正在播放图标
        Position 34 0 20 20
        Icon 42 43
    }
    PausedIcon {                                              播放暂停图标
        Position 34 0 20 20
        Icon 44 45
    }
    StopButton {                                                播放停止图标
        Position 34 0 20 20
        DimmedIcon 46 47
    }
    SoftKeyLeft {                                                左软键文字（选项、选择等等）位置
        Position 3 190 30 20
        Font CombinedChinesePlain12 20 0
        FontColor 250 250 250
    }
    SoftKeyRight {                                             右软键文字（返回、完成等等）位置
        Position 146 190 30 20
        Font CombinedChinesePlain12 20 0
        FontColor 250 250 250
    }
    StatusBar {                                                  状态栏     显示TT的状态信息（断开网络、快进歌词等等）
        Position 30 190 116 20
        Font CombinedChinesePlain12 20 0
        FontColor 250 250 250
    }
    Menu {                                                        自绘菜单代码
        Position 5 189 171  205
        Font CombinedChinesePlain12 18 0
        FontColor 120 120 120                           未选中文字的颜色
        FontColorSelected 80 165 200               选中文字的颜色
        BarColor 20 20 20                                   未选中文字底色（这里就是菜单颜色）
        BarColorSelected 0 63 122                     选中的文字底色（这里就是选定颜色）
        }
    }
}
TTPodList                                歌曲列表页面
{
    FlipOpen
    {
    ListBox {                                                    歌曲列表
        Position 7 26 162 158
        Font CombinedChinesePlain12 20 0
        FontColor 150 150 150
        FontColorSelected 255 255 255
    }
    SoftKeyLeft {
        Position 3 190 30 20
        Font CombinedChinesePlain12 20 0
        FontColor 250 250 250
    }
    SoftKeyRight {
        Position 146 190 30 20
        Font CombinedChinesePlain12 20 0
        FontColor 250 250 250
    }
    StatusBar {
        Position 30 190 116 20
        Font CombinedChinesePlain12 20 0
        FontColor 250 250 250
    }
    Menu {
        Position 5 189 171  205
        Font CombinedChinesePlain12 18 0
        FontColor 12 17 45
        FontColorSelected 80 165 200
        BarColor 30 144 230
        BarColorSelected 0 63 122
        }
    }
}
TTPodLyric                               歌词页面
{
    FlipOpen
    {
    LyricShow {                               歌词秀
        Position 7 26 162 158
        Font CombinedChinesePlain12 20 0
        FontColor 150 150 150
        FontColorSelected 255 255 255
    }
    SoftKeyLeft {
        Position 3 190 30 20
        Font CombinedChinesePlain12 20 0
        FontColor 250 250 250
    }
    SoftKeyRight {
        Position 146 190 30 20
        Font CombinedChinesePlain12 20 0
        FontColor 250 250 250
    }
    StatusBar {
        Position 30 190 116 20
        Font CombinedChinesePlain12 20 0
        FontColor 250 250 250
    }
    Menu {
        Position 5 189 171  205
        Font CombinedChinesePlain12 18 0
        FontColor 12 17 45
        FontColorSelected 80 165 200
        BarColor 30 144 230
        BarColorSelected 0 63 122
        }
    }
}

赵版

以下是Black.skn文件的内容详解（续上）....................

TTPodEqualizer                     均衡器页面
{
    FlipOpen
    {
    EQ {                                 定义EQ拉动条的位置
        FocusIcon 55 56
        Position 11 61 9 82
        Style 3
        KnobIcon 57 58
    }
    EQ {
        FocusIcon 55 56
        Position 30 61 9 82
        Style 3
        KnobIcon 57 58
    }
    EQ {
        FocusIcon 55 56
        Position 44 61 9 82
        Style 3
        KnobIcon 57 58
    }
    EQ {
        FocusIcon 55 56
        Position 58 61 9 82
        Style 3
        KnobIcon 57 58
    }
    EQ {
        FocusIcon 55 56
        Position 72 61 9 82
        Style 3
        KnobIcon 57 58
    }
    EQ {
        FocusIcon 55 56
        Position 86 61 9 82
        Style 3
        KnobIcon 57 58
    }
    EQ {
        FocusIcon 55 56
        Position 100 61 9 82
        Style 3
        KnobIcon 57 58
    }
    EQ {
        FocusIcon 55 56
        Position 114 61 9 82
        Style 3
        KnobIcon 57 58
    }
    EQ {
        FocusIcon 55 56
        Position 128 61 9 82
        Style 3
        KnobIcon 57 58
    }
    EQ {
        FocusIcon 55 56
        Position 142 61 9 82
        Style 3
        KnobIcon 57 58
    }
    EQ {
        FocusIcon 55 56
        Position 156 61 9 82
        Style 3
        KnobIcon 57 58
    }
    SoftKeyLeft {
        Position 3 190 30 20
        Font CombinedChinesePlain12 20 0
        FontColor 250 250 250
    }
    SoftKeyRight {
        Position 146 190 30 20
        Font CombinedChinesePlain12 20 0
        FontColor 250 250 250
    }
    StatusBar {
        Position 30 190 116 20
        Font CombinedChinesePlain12 20 0
        FontColor 250 250 250
    }
    Menu {
        Position 5 189 171  205
        Font CombinedChinesePlain12 18 0
        FontColor 12 17 45
        FontColorSelected 80 165 200
        BarColor 30 144 230
        BarColorSelected 0 63 122
        }
    }
}
TTPodMiniLyric                              迷你歌词（后台歌词）
{
    FlipOpen
    {
    LyricShow {                                  歌词秀
        Position 0 188 176 20
        Font CombinedChinesePlain16 20 0
        FontColor 118 118 118
        FontColorSelected 250 250 250
    }
}
}
TTPodMiniPlayer                         迷你播放器（桌面播放器） 类似主页面的代码 也可以有 Title Position Analyzer等部件
{
    FlipOpen
    {
    Title {                                    
        Position 18 4 88 13
        Font CombinedChinesePlain12 12 0
        FontColor 250 250 245
        Style 4
        ScrollDelay 10
        ScrollStep 2
    }
    LyricShow {
        Position 3 31 130 12
        Font CombinedChinesePlain12 20 0
        FontColor 118 118 118
        FontColorSelected 50 50 50
    }
    Position {
        Position 3 20 131 9
        Style 2
        KnobIcon 80 81
    }
    Played{
        Position 109 4 24 13
        Font CombinedChinesePlain12 12 0
        FontColor 250 250 245
        Style 4
        ScrollDelay 0
        ScrollStep 0
    }
}
}
...........................................结束............................................................................

赵版

皮肤的位置 Position参数可由PS的信息栏得到 注意 由右下向左上画框选择时 得到的信息就是我们需要的Position参数


---------TTB文件详解--------------------------------------------------------------------
TTB是MBM图片打包文件的变型 为了不在多媒体中显示mbm文件而需要把mbm文件用转换器转成ttb文件
MBM文件是一系列图片的压缩打包
严格按照顺序区分图片 无论你打包前图片文件叫什么 打包后再解压都是000.bmp类型的数字序列图片
建议使用MBMtool打包解压mbm文件
ttb和mbm相互转换用ttmp老大发布的mbm到ttb的转换工具  TtbConverter
用mbmtool打开mbm文件后 程序下面的temp目录 里就生成了解压好的bmp图片序列

..................................解压后的MBM文件内容....................................

这里的 000.bmp 与skn文件里的  KnobIcon, BarIcon, Icon, DimmedIcon, Bitmaps等后面跟的数字一一对应
比如
PausedIcon {                                              播放暂停图标
        Position 34 0 20 20
        Icon 44 45
    }
中的Icon 44 45就是指044.bmp和045.bmp分别是播放暂停图标和它的遮罩

*.skn和*.ttb结构就差不多了 有疏漏请大家指正 谢谢

ccmntzy

很详细，楼主辛苦了~！