先锋6 全新平板玻璃界面制作教程！

先锋男儿

大家可以参考影音先锋6.10最新版本的 先锋6 玻璃界面皮肤进行制作！

影音先锋6玻璃界面皮肤制作教程.doc (33.92 KB, 下载次数: 10093)

2011-7-5 20:11 上传

点击文件名下载附件

<?xml version="1.0" encoding="utf-8"?>
<!-- 皮肤 -->
<skin xmlns="" version="1.0">
    <!-- 信息 -->
   <manifest
       name="先锋6(玻璃界面)"
       author="影音先锋"
       link="http://www.xfplay.com/"
       email="help@xfplay.com"
       Description="影音先锋 玻璃平板界面"
       version="1.00"
       system="win7" <!-- 需要vista/win7系统-->
  type="Skin"/>
   <!-- 信息 结束-->

<!-- 颜色 -->
<colourScheme>
        <colour name="System.Base.Midtone"          value="1F1F1F"/>     
        <!-- 工具栏背景颜色-->
        <colour name="Dialog.Back"                  value="E6E6E6"/>           
       <!-- 对话框背景颜色-->
        <colour name="System.Back.Checked.Selected" value="3665AC"/>
       <!-- 菜单选定框选择时背景颜色 -->
        <colour name="System.Back.Checked"          value="4A4A4A"/>   
      <!-- 菜单选定框背景颜色 -->
        <colour name="system.back.normal"           value="4A4A4A"/>      
      <!-- 菜单右半部分颜色-->  
        <colour name="System.Margin"                value="4A4A4A"/>        
      <!-- 菜单左半部分颜色-->  
        <colour name="System.Shadow"                value="C3DAF9"/>      
      <!-- 菜单阴影颜色-->
        <colour name="System.Border"                value="3665AC"/>      
     <!-- 菜单选择框颜色 -->
        <colour name="System.Back.Selected"         value="4A4A4A"/>     
     <!-- 菜单选择框背景颜色 -->
        <colour name="system.text"                  value="EBEBEB"/>         
     <!-- 菜单字体颜色 -->
        <colour name="system.text.selected"         value="FFFFFF"/>      
     <!-- 菜单选择时字体颜色 -->
        <colour name="System.Disabled"              value="868686"/>      
     <!-- 禁止菜单时字体景颜色 -->
        <colour name="Cstate.Txt"                   value="A4A4A4"/>         
     <!-- 控制栏提示信息颜色 -->
        <colour name="tooltip.back"                 value="CCCCCC"/>         
    <!-- 提示背景颜色 -->
    </colourScheme>

    <commandImages>
      <xfbmp path="MenuBar.bmp">
        <image id="ID_CHECKMARK"/>
      　<image id="ID_MEDIA_ADD"/>
        <image id="ID_MEDIA_REMOVE"/>
        <image id="IDD_XFP2P_CLOSE_LIST"/>
      </xfbmp>
      <Scroll path="Scrollbar.bmp" />
      <LineHeiht Hy="3" />
      <aerowindow value="1"/>     <!-- 开启玻璃效果 -->
      <Logo   id="0" />
    </commandImages>
<!-- 颜色 结束-->

     
<!-- 窗口界面 -->   
<windowSkins>

  <!-- 主界面 -->
  <windowSkin>
   <png   path="xf_main.png"/>             <!-- 玻璃界面来源图片 为png -->
   <image path="xf_main.bmp"/>            <!-- 主界面来源图片 -->
   <target window="CMainWnd"/>          <!-- 主界面名称 -->
   <parts>                                         <!-- 主界面来源图片的各部位坐标 -->
   <part name="TopLeft"        rect="140,37,40,31"/>   
   <!-- 顶部的左角图片 -->  <!-- rect="左部，顶部，宽度，高度" -->
   <part name="Top"              rect="35,113,382,31"/> <!-- 顶部图片 -->
   <part name="TopRight"       rect="41,60,5,31"/>      <!-- 顶部的右角图片 -->

   <part name="LeftTop"        rect="17,36,6,30"/>      <!-- 左部的顶端图片-->
   <part name="Left"             rect="1,67,6,20"/>        <!-- 左部图片-->
   <part name="LeftBottom"    rect="1,115,6,14"/>      <!-- 左部的底端图片-->

   <part name="RightBottom"   rect="14,137,6,14"/>    <!-- 右部的顶端图片-->
   <part name="Right"            rect="8,67,6,20"/>        <!-- 右部图片-->
   <part name="RightTop"       rect="16,67,6,31"/>      <!-- 右部的底端图片-->

   <part name="BottomLeft"    rect="1,130,20,6"/>      <!-- 底部的左角图片-->
   <part name="Bottom"         rect="1,108,20,6"/>      <!-- 底部图片 -->
   <part name="BottomRight"    rect="0,152,20,6"/>    <!-- 底部的右角图片-->

   <part name="Minimise"         rect="232,0,27,18"/>  <!-- 最小化默认图片坐标-->
   <part name="MinimiseDown"  rect="55,38,27,18"/> <!-- 最小化按下图片坐标-->
   <part name="MinimiseHover" rect="27,38,27,18"/>  <!-- 最小化移动图片坐标-->

   <part name="Maximise"       rect="259,0,24,18"/>   <!-- 最大化默认图片坐标-->
   <part name="MaximiseDown"  rect="52,19,24,18"/>  <!-- 最大化按下图片坐标-->
   <part name="MaximiseHover"  rect="27,19,24,18"/>  <!-- 最大化移动图片坐标-->

   <part name="Close"          rect="283,0,44,18"/>    <!-- 关闭默认图片坐标-->
   <part name="CloseDown"   rect="45,0,44,18"/>     <!-- 关闭按下图片坐标-->
   <part name="CloseHover"  rect="0,0,44,18"/>       <!-- 关闭移动图片坐标-->
   </parts>
   <anchors>                                                <!-- 主界面各按钮坐标 -->
   <anchor name="MirrorFull"    rect="8,110,14,32"/>
   <anchor name="Minimise"     rect="-100,0,26,18" />   <!-- 最小化按钮坐标-->
   <anchor name="Maximise"    rect="-73,0,24,18" />    <!-- 最大化按钮坐标-->
   <anchor name="Close"        rect="-49,0,44,18"/>     <!-- 关闭按钮坐标-->
   <anchor name="Icon"         rect="10,9,16,16"/>      <!-- Logo坐标-->
   <anchor name="System"       rect="11,8,16,16"/>     <!-- 系统菜单坐标-->
   </anchors>
   <region>
   <shape type="roundRect" rect="0,0,-1,-1" size="9,9" />   
   <!-- 主界面四个角的弧度 -->
   </region>
   <maximiseCrop rect="0,0,0,0"/>
   <caption align="left" rect="32,0,340,33" fontFace="Tahoma" fontSize="14" colour="FFFFFF" inactivecolour="B7B7B7" />
   <!-- 主界面标题的字体和颜色 -->  <!-- colour ＝“默认颜色” -->
   <!-- inactivecolour ＝“失去焦点颜色” -->
</windowSkin>
<!-- 主界面 结束 -->

设置窗口的设置和主界面一样，修改一下名称就可以了。
<target window="CMainWnd"/>     <!-- 主界面名称 -->
<target window="CDialog"/>         <!-- 设置窗口名称 -->

先锋男儿

<!-- 工具栏窗口 -->
<windowSkin>
  <png path="Kongz.png"/>
  <!-- 玻璃透明 工具栏窗口来源图片 -->                     
   <target window="CMainTabBarCtrl"/>             <!-- 工具栏窗口名称 -->
  <anchors>
    <anchor name="Background"    rect="0,0,72,30"/> <!-- 工具栏窗口背景坐标 -->
    <anchor name="_ID_MEDIA_OPEN"  rect="4,0,102,30"/>  <!-- 打开按钮坐标 -->
    <anchor name="_ID_TAB_PLAYDVD"  rect="121,0,102,30"/>  
    <!-- 播放DVD按钮坐标 -->        
    <anchor name="_ID_TAB_MEDIA_MB"   rect="236,0,102,30"/>  
    <!-- 控制面板按钮坐标 -->        
   </anchors>
   <parts>
    <part name="_ID_MEDIA_OPEN.Up"    rect="0,0,102,30"/>   
    <!-- 打开按钮默认图片坐标 -->
    <part name="_ID_MEDIA_OPEN.Hover"    rect="0,30,102,30"/>  
    <!-- 打开按钮移动图片坐标 -->
    <part name="_ID_MEDIA_OPEN.Down"    rect="0,60,102,30"/>  
    <!-- 打开按钮按下图片坐标 -->
    <part name="_ID_MEDIA_OPEN.Checked"   rect="0,66,100,33"/>   
    <!-- 打开按钮选定图片坐标 -->
    <part name="_ID_MEDIA_OPEN.Menu"        rect="85,0,17,30"/>   
    <!-- 打开按钮菜单坐标 -->
                        
     <part name="_ID_TAB_PLAYDVD.Up"         rect="102,0,102,30"/>
     <!-- 播放DVD按钮默认图片坐标 -->               
     <part name="_ID_TAB_PLAYDVD.Hover"     rect="102,30,102,30"/>
     <!-- 播放DVD按钮移动图片坐标 -->
     <part name="_ID_TAB_PLAYDVD.Down"      rect="102,60,102,30"/>
     <!-- 播放DVD按钮按下图片坐标 -->
     <part name="_ID_TAB_PLAYDVD.Checked"  rect="102,60,102,30"/>  
     <!-- 播放DVD按钮选定图片坐标 -->
     <part name="_ID_TAB_PLAYDVD.Menu"       rect="85,0,17,30"/>     
     <!-- 播放DVD按钮菜单坐标 -->
                        
     <part name="_ID_TAB_MEDIA_MB.Up"         rect="204,0,102,30"/>
     <!-- 控制面板按钮默认图片坐标 -->               
     <part name="_ID_TAB_MEDIA_MB.Hover"   rect="204,30,102,30"/>  
     <!-- 控制面板按钮移动图片坐标 -->
     <part name="_ID_TAB_MEDIA_MB.Down"     rect="204,60,102,30"/>  
     <!-- 控制面板按钮按下图片坐标 -->
     <part name="_ID_TAB_MEDIA_MB.Checked" rect="204,60,102,30"/>
     <!-- 控制面板按钮选定图片坐标 -->
     <part name="_ID_TAB_MEDIA_MB.Menu"      rect="85,0,17,30"/>
     <!-- 控制面板按钮菜单坐标 -->               
     </parts>
</windowSkin>
<!-- 工具栏窗口 结束-->

先锋男儿

<!-- 控制栏窗口 -->
<windowSkin>
    <png path="xftooL.png"/>                            <!-- 玻璃透明控制栏窗口来源图片 -->
    <png type="ylt_silder" path="ylTrack.png"/>    <!-- 进度条来源图片 -->
    <png type="jdt_silder" path="PosTrack.png"/>  <!-- 音量条来源图片 -->
    <png type="ylt_thumb"  path="ylt.png"/>
    <png type="jdt_thumb"  path="gdt.png"/>
    <image type="watermark" path="bj.bmp"/>       <!-- 控制栏背景图片 -->
   <target window="CXfBarCtrl"/>                                <!-- 控制栏窗口名称 -->
   <parts>
      <part name="_ID_MEDIA_PLAY.Up"     rect="0,0,44,44"/>
      <!-- 播放按钮默认图片坐标 -->
      <part name="_ID_MEDIA_PLAY.Checked"    rect="44,0,44,44"/>
      <!-- 播放按钮选定图片坐标 -->
      <part name="_ID_MEDIA_PLAY.Hover"        rect="44,0,44,44"/>
      <!-- 播放按钮移动图片坐标 -->
      <part name="_ID_MEDIA_PLAY.Down"         rect="88,0,44,44"/>
      <!-- 播放按钮按下图片坐标 -->
      <part name="_ID_MEDIA_PAUSE.Up"           rect="0,45,44,44"/>
      <!-- 暂停按钮默认图片坐标 -->
      
      <part name="_ID_MEDIA_PAUSE.Checked" rect="44,45,44,44"/>
      <!-- 暂停按钮选定图片坐标 -->
      <part name="_ID_MEDIA_PAUSE.Hover"         rect="44,45,44,44"/>
      <!-- 暂停按钮移动图片坐标 -->
      <part name="_ID_MEDIA_PAUSE.Down"         rect="88,45,44,44"/>      
      <!-- 暂停按钮按下图片坐标 -->
         
      <part name="_ID_MEDIA_STOP.Up"               rect="133,0,25,25"/>         
      <!-- 停止按钮默认图片坐标 -->
      <part name="_ID_MEDIA_STOP.Checked"         rect="158,0,25,25"/>     
      <!-- 停止按钮选定图片坐标 -->
      <part name="_ID_MEDIA_STOP.Hover"         rect="158,0,25,25"/>      
      <!-- 停止按钮移动图片坐标 -->
      <part name="_ID_MEDIA_STOP.Down"         rect="183,0,25,25"/>      
      <!-- 停止按钮按下图片坐标 -->
         
      <part name="_ID_MEDIA_PREVIOUS.Up"          rect="0,90,52,25"/>           
      <!-- 上一首按钮默认图片坐标 -->
      <part name="_ID_MEDIA_PREVIOUS.Checked" rect="52,90,52,25"/>         
      <!-- 上一首按钮选定图片坐标 -->
      <part name="_ID_MEDIA_PREVIOUS.Hover"    rect="52,90,52,25"/>         
      <!-- 上一首按钮移动图片坐标 -->
      <part name="_ID_MEDIA_PREVIOUS.Down"     rect="104,90,52,25"/>         
      <!-- 上一首按钮按下图片坐标 -->
         
      <part name="_ID_MEDIA_NEXT.Up"                rect="0,116,52,25"/>         
      <!-- 下一首按钮默认图片坐标 -->
      <part name="_ID_MEDIA_NEXT.Checked"         rect="52,116,52,25"/>         
      <!-- 下一首按钮选定图片坐标 -->
      <part name="_ID_MEDIA_NEXT.Hover"         rect="52,116,52,25"/>      
      <!-- 下一首按钮移动图片坐标 -->
      <part name="_ID_MEDIA_NEXT.Down"         rect="104,116,52,25"/>      
      <!-- 下一首按钮按下图片坐标 -->
         
      <part name="_ID_MEDIA_PLAY_MUTE.Up"            rect="133,48,25,25"/>   
      <!-- 静音按钮默认图片坐标 -->
      <part name="_ID_MEDIA_PLAY_MUTE.Checked"  rect="158,73,25,25"/>      
      <!-- 静音按钮选定图片坐标 -->
      <part name="_ID_MEDIA_PLAY_MUTE.Hover"    rect="158,48,25,25"/>        
      <!-- 静音按钮移动图片坐标 -->
      <part name="_ID_MEDIA_PLAY_MUTE.Down"     rect="183,48,25,25"/>        
      <!-- 静音按钮按下图片坐标 -->
         
      <part name="_ID_MEDIA_PLAYLIST.Up"          rect="133,26,21,21"/>         
      <!-- 列表按钮默认图片坐标 -->
      <part name="_ID_MEDIA_PLAYLIST.Checked"   rect="154,26,21,21"/>         
      <!-- 列表按钮选定图片坐标 -->
      <part name="_ID_MEDIA_PLAYLIST.Hover"       rect="154,26,21,21"/>      
      <!-- 列表按钮移动图片坐标 -->
      <part name="_ID_MEDIA_PLAYLIST.Down"    rect="175,26,21,21"/>        
      <!-- 列表按钮按下图片坐标 -->
         
      <part name="_ID_MEDIA_PICTURE.Up"        rect="189,74,21,21"/>         
      <!-- 截图按钮默认图片坐标 -->
       <part name="_ID_MEDIA_PICTURE.Checked"    rect="189,116,21,21"/>        
       <!-- 截图按钮选定图片坐标 -->
       <part name="_ID_MEDIA_PICTURE.Hover"        rect="189,95,21,21"/>      
       <!-- 截图按钮移动图片坐标 -->
        <part name="_ID_MEDIA_PICTURE.Down"     rect="189,116,21,21"/>      
       <!-- 截图按钮按下图片坐标 -->
         
       <part name="_ID_MEDIA_TOOLTS.Up"         rect="157,114,32,15"/>         
       <!-- 提示按钮默认图片坐标 -->
        <part name="_ID_MEDIA_TOOLTS.Hover"  rect="157,129,32,15"/>         
        <!-- 提示按钮移动图片坐标 -->
        <part name="_ID_MEDIA_TOOLTS.Down"  rect="157,99,32,15"/>           
       <!-- 提示按钮按下图片坐标 -->
        <part name="_ID_MEDIA_TOOLTS.Checked"  rect="157,99,32,15"/>         
        <!-- 提示按钮选定图片坐标 -->
     <part name="_ID_MEDIA_TOOLTS.Disabled"  rect="157,129,32,15"/>            
     <!-- 提示按钮禁止图片坐标 -->
     </parts>
     <anchors>                                                <!-- 控制栏各按钮坐标 -->
       <anchor name="Background"     rect="1,1,80,63"/>         
       <anchor name="_ID_MEDIA_PLAY"   rect="112,18,44,44"/>
       <!-- 播放按钮坐标 -->
       <anchor name="_ID_MEDIA_PAUSE"   rect="112,18,44,44"/>                  
        <!-- 暂停按钮坐标 -->
        <anchor name="_ID_MEDIA_STOP"  rect="28,27,25,25"/>                     
       <!-- 停止按钮坐标 -->
       <anchor name="_ID_MEDIA_PREVIOUS" rect="60,27,52,25"/>                     
        <!-- 上一首钮坐标 -->
        <anchor name="_ID_MEDIA_NEXT"   rect="156,27,52,25"/>                    
        <!-- 下一首按钮坐标 -->
    <anchor name="_ID_MEDIA_PLAY_MUTE" rect="213,26,25,25"/>                    
    <!-- 静音按钮坐标 -->
        <anchor name="SliderCtrl"     rect="248,26,80,22"/>                  
        <!-- 音量条坐标 -->
        <anchor name="LabelName"         rect="42,28,100,22"/>                    
       <!-- 提示文本坐标 -->
        <anchor name="LabelTimer"         rect="81,28,100,22"/>                     
        <!-- 播放时间文本坐标 -->
<anchor name="_ID_MEDIA_TOOLTS"   rect="5,31,32,15"/>
<!-- 提示按钮坐标 -->
      <anchor name="_ID_MEDIA_PICTURE"   rect="0,29,21,21"/>                       
      <!-- 截图按钮坐标 -->      
     <anchor name="_ID_MEDIA_PLAYLIST"  rect="250,27,21,21"/>                     
    <!-- 列表按钮坐标 -->
        </anchors>
      </windowSkin>
     <!-- 控制栏窗口 结束-->

先锋男儿

<!-- 面板工具栏 -->
<windowSkin>
   <image type="image" language="ch" path="bfkz.bmp"/>
   <!-- 面板工具栏来源图片 -->
   <!--<image type="alpha" language="ch" res="306"/> -->
   <!-- 面板工具栏形状轮廓图片 -->
   <image type="watermark" language="ch" path="mbbj.bmp"/>
   <!-- 面板工具栏背景图片 -->
   <target window="CXfmbToolCtrl"/>                            <!-- 面板工具栏名称 -->
   <parts>
   <part name="_ID_TAB_MB_VIDEO.Up"    rect="0,0,62,29"/>
   <!-- 视频器按钮默认图片 -->
   <part name="_ID_TAB_MB_VIDEO.Checked"    rect="0,58,62,29"/>
   <!-- 视频器按钮选定图片 -->
   <part name="_ID_TAB_MB_VIDEO.Hover"         rect="0,29,62,29"/>
   <!-- 视频器按钮移动图片 -->
   <part name="_ID_TAB_MB_VIDEO.Down"         rect="0,58,62,29"/>
   <!-- 视频器按钮按下图片 -->

   <part name="_ID_TAB_MB_EQQ.Up"                rect="62,0,62,29"/>
   <!-- 均衡器按钮默认图片 -->   
   <part name="_ID_TAB_MB_EQQ.Checked"         rect="62,58,62,29"/>
  <!-- 均衡器按钮选定图片 -->  
   <part name="_ID_TAB_MB_EQQ.Hover"         rect="62,29,62,29"/>
   <!-- 均衡器按钮移动图片 -->  
   <part name="_ID_TAB_MB_EQQ.Down"         rect="62,58,62,29"/>
   <!-- 均衡器按钮按下图片 -->  

   <part name="_ID_TAB_MB_ZIMUQ.Up"         rect="124,0,62,29"/>
   <!-- 字幕按钮默认图片 -->         
   <part name="_ID_TAB_MB_ZIMUQ.Checked"         rect="124,58,62,29"/>
   <!-- 字幕按钮选定图片 -->  
   <part name="_ID_TAB_MB_ZIMUQ.Hover"         rect="124,29,62,29"/>
   <!-- 字幕按钮移动图片 -->        
   <part name="_ID_TAB_MB_ZIMUQ.Down"         rect="124,58,62,29"/>
   <!-- 字幕按钮按下图片 -->  
   </parts>
   <anchors>                                                <!-- 面板工具栏各按钮坐标 -->
   <anchor name="Background"        rect="0,0,50,29"/>
   <anchor name="_ID_TAB_MB_VIDEO"        rect="2,0,62,29"/>
   <!-- 视频器按钮坐标 -->
   <anchor name="_ID_TAB_MB_EQQ" rect="66,0,62,29"/><!-- 均衡器按钮坐标 -->
   <anchor name="_ID_TAB_MB_ZIMUQ" rect="130,0,62,29"/>
   <!-- 字幕按钮坐标 -->
   </anchors>
</windowSkin>
<!-- 面板工具栏 结束-->

</windowSkins>
<!-- 窗口界面 结束-->

</skin>
<!-- 皮肤 结束-->

wgqa

對不起，眼花了！！！！