365播放器皮肤制作步骤

个人日记

1.先做个播放器框架(会ps的用软件做,如果像我这样懂的不多就找张漂亮图片,简单加工就好了。记得图片要有个视频区,列表区和按钮区就行了。至于播放器按钮,可以照源文件里的按钮做,也可以直接用源文件的。熟悉了当然可以设计自己喜欢的按钮)-----图片都要保存为png格式,框架名字要和源文件里框架名字一样(这个源文件框架的名字是console)按钮也是

 

 

图片

 

2.在群共享下载好(播放器制作.zip)和(8090CMP播放器XML的注解.rar)
 
 
桌面新建一个文件夹

 

图片

 

 
打开刚下载好的
图片
 
出来

 

图片

 

 全部点蓝--点右键---解压到指定文件夹----图片

 

 

选择刚才新建的那个文件夹(365播放器)

 

 图片

3.把做好的框架和按钮拖入到 365播放器文件夹里,换了源文件的框架和按钮

4..双击365播放器这个文件夹---找到调试软件双击打开

 

图片

 

图片

点打开skin.xml

5.找到这个文件点打开

 

图片

我们就看到自己的播放器皮肤,还有位置很乱的按钮

 

图片

 

下一步就是调节了
1.解压好8090CMP播放器XML的注解.txt如下:
<skin version="1.2" name="清风系列" url="http://www.a-365.com/" author="qingfen" email="159080258@qql.com" readme="清风87播放器" preview="" mask_color="" show_tips="0.5">
 上面一条是有关播放器的设置信息
         下面一段是有关播放设置和皮肤切换注解
                     <option xywh="0C,-106c, 240, 175" src="win.png" mask="" lock="1" display="0" group="A">
  <pane xywh="0, 0, 100P, 100P" align="left" font="宋体" size="12" color="#00ff00, #ffffff"/>
  <scrollbar thumb_src="scrollbar_thumb.png" button_src="scrollbar_button.png" track_src="scrollbar_track.png"/>
 </option>
             这里是列表设置
 <list xywh="-175C,185c, 120, 195" src="list.png" mask="" lock="1" display="0" group="A">
  <tree xywh="7, 0, 100P, 100P" align="left" font="宋体" size="12" color="#4a3704,#ffffff"/>
  <scrollbar thumb_src="scrollbar_thumb.png" button_src="scrollbar_button.png" track_src="scrollbar_track.png"/>
 </list>
                这里是播放器视屏区
 <media xywh="0C,-106c, 240, 175" src="" mask="" lock="1" display="1" group="A">
  <video xywh="0, 0, 100P, 100P"/>
 </media>
                这里是歌词显示
 <lrc xywh="0c, -210c, 200, 17" src="" mask="" lock="1" display="1" group="A">
  <text xywh="0, 0, 100P, 100P" align="leftr" font="隶书" size="14" color="#FF0000" horizontal="1" max_scale="3"/>
 </lrc>
               这里是播主器主框架设置
 <console xywh="0C, 0C, 550, 720" src="console.png" mask="" lock="1" display="1" group="A">
                                 这里是主播放/暂停扭
  <bt_play xywh="265R, -5c, 20, 20" src="bt_play.png"/>
                                这里是前一曲按扭
  <bt_prev xywh="240, -5c, 20, 20" src="bt_prev.png"/>
                                这里是后一曲按扭
  <bt_next xywh="240r,-5C, 20, 20" src="bt_next.png"/>
                                这里是音量条设置
  <volume xywh="80C, -5C, 28, 10" thumb_src="" track_src="volume_track.png"/>
                                这里是播放进度度
  <progress xywh="200, 165c, 200, 5" thumb_src="progress_thumb.png" track_src="progress_track.png"/>
                                这里歌曲的列表切换扭
  <bt_list xywh="-75c, -5C, 13, 13" src="bt_list.png"/>
                                 这里是播放器信息/皮肤切换扭
  <bt_option xywh="-50c,-5C, 13, 13" src="bt_option.png"/>
                                 这里的歌曲的标志显示
  <title xywh="200,20c, 156, 18" align="left" font="宋体" size="12" color="#FF0000" borderColor="" backgroundColor="" bold=""/>
  这里是播放状态显示
                                <status xywh="120,80, 120, 18" align="left" font="宋体" size="12" color="#f4f707" borderColor="" backgroundColor="" bold=""/>
                                这里是小喇叭静音切换
  <bt_mute xywh="215R, -5c, 17, 17" src="bt_mute.png" tips="静音,打开声音" hover_volume=""/>
  这里是显示每首曲目的时间
                                <time xywh="120r, 95, 110, 18" align="centert" font="宋体" size="16" color="#f4f707" borderColor="" backgroundColor="" bold=""/>
 </console>
                                   上面是8090播放器最基本的一些位置注解,里面的图片大小,字体选择,色调设计,坐标移动,大家多试吧。有什么问题:
                     到www.a-365.com提问。
</skin>
   2.在条件软件里找到和上面代码相对应的调节位置,修改坐标和大小直到满意为止
:1.我们要调节播放器框架,就在软件里找到<console xywh="0C, 0C, 550, 720" src="console.png" mask="" lock="1" display="1" group="A">这段代码。
550, 720是播放器框架的大小,把数字换成你的框架大小就行。如我换的框架是670*492,那么换好了就是<console xywh="0C, 0C, 670, 492" src="console.png" mask="" lock="1" display="1" group="A">
2.列表设置就找到这段代码
<list xywh="-175C,185c, 120, 195" src="list.png" mask="" lock="1" display="0" group="A">
  <tree xywh="7, 0, 100P, 100P" align="left" font="宋体" size="12" color="#4a3704,#ffffff"/>
  <scrollbar thumb_src="scrollbar_thumb.png" button_src="scrollbar_button.png" track_src="scrollbar_track.png"/>
 </list>
-175C是列表横坐标,185c是纵坐标,120,195就是列表的大小。把这些数字改成你的列表需要的位置的数字,没有具体的数字,每天框架大小不同数字也不同。只有在慢慢修改中直到满意为止。
3.要调节播放/暂停扭就找到这段代码
<bt_play xywh="265R, -5c, 20, 20" src="bt_play.png"/>
265R是播放器播放按钮的横坐标,-5c纵坐标,20, 20是按钮的大小
其它调节方法都一样,调节哪个就在调节软件里找到注解里一样的代码,调节位置和大小就行了
 
          

 

 

文章评论

情的空间

让友谊成为美好的回忆 记得某年的一天,那时我俩还陌生,朋友空间见着你,你迷哥哥好几天。记得去年有一天,再次去踩你空间,毫不犹豫添加你,从此咱俩把手牵。记得今年有一天,我俩同时踩空间,你情我爱说不尽,谁也不愿离开先。渴望百年有一天,咱俩友谊如冰坚,心连心来手牵手,白头到老不陌生。

情的空间

[ft=#00b0f0,4,黑体][B][/B][/ft]希望永远有今天 希望每年每一天,咱俩永远不陌生, 互敬互爱送祝福,快活过好每一天。 盼望每年每一天,咱俩定时来空间, 无事聊天说笑话,日子过得像神仙。 期望每年每一天,咱俩友谊如冰坚, 你来我往无止境,白头到老把手牵。 渴望每年每一天,咱俩情爱不变迁, 珍惜缘分珍惜爱,友谊好像不夜天。 总是难忘那一天 记得那年的春天,那时我俩还陌生, 偶然机会碰到你,你迷哥哥好几天。 记得那年的夏天,有意去踩你空间, 毫不犹豫添加你,从此咱俩把手牵。 记得那年的秋天,不约而同来聊天, 滔滔不绝说不尽,谁也不愿离开先。 记得那年的冬天,你说天冷不聊天, 我只说了一句话,让你乐了一整天。[ft=#00b0f0,4,黑体][B][/B][/ft]