首先向原作者表示感谢!感谢你们做了这么棒的播放器,感谢你们做了这个漂亮的皮肤。
第一次用上这个播放器就喜欢上了,所以上了些心,由于能力有限,希望大神勿喷,欢迎交流指教!
先上几张个人修改的皮肤的截图看一下效果:
修改地方:
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基础 =========================================================================== 附件:
欢迎交流! ©马如龙
皮肤下载:
|