PotPlayer中文论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 95594|回复: 44

potplayer皮肤修改教程+心得+个人修改的仿zune皮肤

[复制链接]
发表于 2013-10-31 00:57:15 | 显示全部楼层 |阅读模式
首先向原作者表示感谢!感谢你们做了这么棒的播放器,感谢你们做了这个漂亮的皮肤。
第一次用上这个播放器就喜欢上了,所以上了些心,由于能力有限,希望大神勿喷,欢迎交流指教!
先上几张个人修改的皮肤的截图看一下效果:












修改地方:

1,精简操作按钮,通过鼠标左右键配合使用,实现播放的常用功能;
2,合并播放列表与打开文件,播放与停止,最大化与全屏,音量与声道等功能;
3,删除一些不常用功能主界面按钮,如循环播放等;
4,调整播放列表显示位置为右侧显示;
5,调整控制按钮排版,调整成个人喜欢的效果;
6,添加新窗口显示播放列表功能;
7,修改一些字体大小;
8,其他修改

不足:
皮肤文件打包后不能使用,只能使用文件夹皮肤(暨将整个文件夹放入potplayer皮肤文件夹中)
希望大神能指点如何打包成可用的原格式,将文件压缩后改成原格式不能使用

附件:

zip是dsf文件,可直接使用:

附件:

============================华丽分割线==============================
==================卐个人修改皮肤的经验分享卐==================

皮肤修改应具备的能力:
1,一定的ps基础
2,足够的耐心
3,一定的兴趣
4,并不需要编程基础

先看一张主界面用到图,皮肤文件中默认名称问:Main.png


图 11-1

这张图是主界面各种logo集结图,是主界面修改所用的唯一图,主要注意事项已在图中标出
===========================================================================
下面是需要修改的代码文件(文件名为VideoSkin.xml):
由于帖子字数限制,这里只贴出部分代码,后面有附件可供下载
===========================================================================
<?xml version="1.0"encoding="UTF-8"?>
<Skin Version="1.0"MinorVersion="1000" >
<!-- 下面的是启用D3D9输出的皮肤控制代码 -->
<!-- 图层输出窗口,控制播放列表 -->
       <MainSkinAreaOscFrameImage="Main.png" AlphaMode="1"UseWindowFrame="0" WidthLimit="250"HeightLimit="150" >
<!--
Image="Main.png" :主界面调用的图片
UseWindowFrame="0":界面边框宽度,0表示没有边框
-->
<!-- 播放器logo控制 -->
              <LogoIdleFileName="logo.swf" LoadingFileName="logo.swf"FlashBackColor="0x000000" />
               #include<menu.xml>
              <Control>
<!-- 播放列表边框控制 -->
                     <StaticAlign="Right" Contain="CMD_PLAYLIST_TOGGLE" Width="1" ConstSize="200" >
<!--
Align="Right":播放列表显示位置,另有参数 left,top,bottom
-->
                     <StaticAlign="Bottom" Height="35" ImageLeft="786"ImageTop="73" ImageWidth="11" ImageHeight="35"LeftMargin="2" RightMargin="2" UsingRgn="0" >
<!--
ImageLeft="786" ImageTop="73" :下面用到处介绍
-->
<!-- 播放列表按钮控制 -->
                     <ButtonTooltip="新窗口" CmdID="CMD_ATTACH_PLAYLIST"Left="0" Top="-40" Width="17"Height="27" ImageLeft="75" ImageTop="66" />
                     <ButtonTooltip="添加|添加菜单"CmdID="ID_PLAYLIST_FILE_ADD" AltCmdID="CMD_POPUP_USER_MENU"AltUserMenuName="AddMenu" Left="-70" Top="-29"Width="25" Height="24" ImageLeft="583"ImageTop="161" />
<!--
Tooltip="添加|添加菜单":按钮名称,左键覆盖显示名称
CmdID="ID_PLAYLIST_FILE_ADD":鼠标左键点击调用命令
(ID_PLAYLIST_FILE_ADD为播放器内部命令,这里功能是添加文件,后续很多内部功能命令待总结)
AltCmdID="CMD_POPUP_USER_MENU":鼠标右键点击调用命令
通过这种方式实现一个按钮两种功能
-->   
<!-- 上边框按钮控制 -->         
                            <ButtonTooltip="最小化" CmdID="ID_MINSCREEN"AltCmdID="CMD_POPUPMENU_SIZE" Left="-47" Top="14"Width="11" Height="6" ImageLeft="0"ImageTop="25" />
                            <ButtonTooltip="最大化/全屏" CmdID="CMD_MAX_WINDOW"AltCmdID="CMD_FULL_WINDOW" Left="-34" Top="8" Width="13"Height="12" ImageLeft="0" ImageTop="31" />

                            <ButtonTooltip="关闭" CmdID="ID_APP_EXIT" Left="-19"Top="8" Width="12" Height="11"ImageLeft="0" ImageTop="43" />
<!--
Left="-47" Top="14" :按钮在主界面坐标,感兴趣者可自行尝试位置变化的乐趣
ImageLeft="39":重要参数,为调用的Main.png图片中小图标的X坐标,对应图 11-1中的X轴方向
ImageTop="31":重要参数,为调用的Main.png图片中小图标的y坐标,对应图 11-1中的Y轴方向
若没出现ImageTop或ImageLeft参数其值默认为0(个人感觉,若有错误希望指正)
-->
                     </Static>


<!-- 控制下边框大小 -->
                     <StaticAlign="Bottom" Height="80" ImageLeft="200"ImageTop="0" ImageWidth="10" ImageHeight="150"LeftMargin="2" RightMargin="2" UsingRgn="0" >

<!-- 文件名字输出控制 -->
<Label CmdID="CMD_TITLE_MESSAGE"Left="40" Top="-52" Width="-240"Height="20" FontName="微软雅黑" FontSize="16"FontBold="1"   ColorX="715" ColorY="5"HoriAlignment="0" VertAlignment="1"VisParentMinWidth="420"/>
<!--
FontName="微软雅黑" :文件名显示使用字体
FontSize="16":字体大小
FontBold="1":是否加粗,1表示加粗,0表示不加粗
ColorX="715" ColorY="5" :跟字体颜色有关,可修改查看字体颜色变化效果,笔者没弄明白
-->
<Label CmdID="CMD_TITLE_MESSAGE" Left="40"Top="-52" Width="-240" Height="20"FontName="微软雅黑" FontSize="16" FontBold="1"  ColorX="715" ColorY="5" HoriAlignment="0"VertAlignment="1" VisParentMinWidth="420"/>
<Label CmdID="CMD_TITLE_MESSAGE"Left="40" Top="-52" Width="-240"Height="20" FontName="微软雅黑" FontSize="16"FontBold="1"   ColorX="715" ColorY="5"HoriAlignment="0" VertAlignment="1"VisParentMinWidth="420"/>

<!--
以上重复了好多,笔者发现可加深、优化文件名显示效果,可自行修改条数,至少要有一条;
-->
<!-- 视频播放时间控制 -->
<Label CmdID="CMD_CURRENTTIME_MESSAGE"Left="40" Top="-20" Width="101"Height="15" FontName="微软雅黑" FontSize="12"ColorX="579" ColorY="95"VisParentMinWidth="420"/>
<!-- 视频剩余时间控制 -->
<Label CmdID="CMD_TOTALTIME_MESSAGE" Left="-285"Top="-20" Width="101" Height="15" FontName="微软雅黑"FontSize="12" ColorX="579" ColorY="95"VisParentMinWidth="420"/>

<!-- 下边框按钮控制 -->
                            <ButtonTooltip="上一个文件" CmdID="ID_PROCESS_PREV"AltCmdID="ID_PLAYBACK_5SEC_BACK" Left="-210"Top="-38" Width="25" Height="25"ImageTop="245"  VisParentMinWidth="420"/>
                            <ButtonTooltip="播放/停止" CmdID="CMD_MEDIA_PLAY"AltCmdID="CMD_MEDIA_CLOSE" Left="-185" Top="-44"Width="35" Height="35" ImageTop="150" VisParentMinWidth="420"/>
                            <ButtonTooltip="暂停/停止" CmdID="CMD_MEDIA_PAUSE"AltCmdID="CMD_MEDIA_CLOSE" Left="-185" Top="-44"Width="35" Height="35" ImageTop="185" VisParentMinWidth="420"/>
                            <ButtonTooltip="下一个文件" CmdID="ID_PROCESS_NEXT"AltCmdID="ID_PLAYBACK_5SEC_FORW" Left="-150"Top="-38" Width="25" Height="25"ImageTop="220"  VisParentMinWidth="420"/>
<!--
ImageTop="220":重要参数,为调用的Main.png图片中小图标的y坐标,对应图 11-1中的Y轴方向
-->                      
              </Control>
       </MainSkinAreaOscInside>


<!-- D3D9输出完毕,下面的是不使用D3D输出的显示模式 -->
<!-- D3D9输出完毕,下面的是不使用D3D输出的显示模式 -->


<!-- 文件信息窗口控制 -->
       <WindowSkinAreaImage="Window.png" UseWindowFrame="2">
</Skin>

播放器的动态效果,需要调整皮肤输出方式为D3D9输出
Main.png图片中的logo可根据自己需要修改,这需要一定的ps基础
===========================================================================
附件:


欢迎交流!
©马如龙

皮肤下载:




本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

 楼主| 发表于 2013-10-31 01:04:14 | 显示全部楼层
本帖最后由 马如龙 于 2013-10-31 01:59 编辑

有问题,请指正随时修改
回复 支持 反对

使用道具 举报

发表于 2013-11-3 12:43:14 | 显示全部楼层
支持一下!!呵呵












【夏天影院-www。xtyy。net】2013最最全的最新电视剧,新电影,韩剧、香港TVB电视剧、韩剧、日剧、美剧、综艺的在线观看
回复 支持 反对

使用道具 举报

发表于 2013-12-28 13:46:52 | 显示全部楼层
嗯 不错,可是我还是没有看明白,,
回复 支持 反对

使用道具 举报

发表于 2014-1-28 11:10:54 | 显示全部楼层
希望能在完善点,内容多点,谢谢,支持你哦
回复 支持 反对

使用道具 举报

发表于 2014-2-5 20:41:09 | 显示全部楼层
请问一下,这个主界面图标的坐标位置如何确定?
回复 支持 反对

使用道具 举报

发表于 2014-2-12 09:43:09 | 显示全部楼层
帮你打包完毕,要的话联系
回复 支持 反对

使用道具 举报

发表于 2014-2-12 18:46:39 | 显示全部楼层
进来学习一下,谢谢!
回复 支持 反对

使用道具 举报

发表于 2014-2-16 09:10:41 | 显示全部楼层
请教楼主如何改按钮大小?
我是windows 8 用户,在1080P下,按钮都很小不好触控,希望改大一点来用。
回复 支持 反对

使用道具 举报

发表于 2014-3-13 14:46:51 | 显示全部楼层
应该压缩为zip,再改扩展名
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|PotPlayer中文论坛

GMT+8, 2024-3-29 12:54 , Processed in 0.021647 second(s), 13 queries , Gzip On, Memcache On.

Powered by PotPlayer

© 2001-2022 PotPlayer.org

快速回复 返回顶部 返回列表