先锋男儿 发表于 2009-6-19 19:55:26

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

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



<?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"/>         <!-- 设置窗口名称 -->


先锋男儿 发表于 2009-6-20 13:12:16

<!-- 工具栏窗口 -->
<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>
<!-- 工具栏窗口 结束-->

先锋男儿 发表于 2009-6-20 17:54:22

<!-- 控制栏窗口 -->
<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>
   <!-- 控制栏窗口 结束-->

先锋男儿 发表于 2009-6-20 18:04:39

<!-- 面板工具栏 -->
<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 发表于 2009-9-29 17:43:44

對不起,眼花了!!!!
页: [1] 2
查看完整版本: 先锋6 全新平板玻璃界面制作教程!