设为首页 - 加入收藏 - 在线工具 - 云主机 - 会员中心 - 【简体 / 繁體
0
您的当前位置:主页 > 更多免费 > 经验技巧 > 正文

ckplayer风格设计简单教程

时间:2018-03-30 文章来源:ckplayer帮助手册 作者:ckplayer 阅读次数:136 挑错
ckplayer的风格制作很简单,只需要了解以下几点即可。
最主要的会处理图片,全使用ps软件,只要会这个。制作风格就轻而易举了。
然后首先了解一下风格包的结构
ckplayer的风格组成就是图片+配置文件:
1:图片就是各个按钮的图片(按钮图片分二张,一张是普通状态,一种是鼠标经过时的样子)和进度条,音量调节条的图片。
2:配置文件是用来控制按钮以及其它图片的位置用的。是一个简单的xml格式的文本,用记事本打开就可以进行修改,但最好是用别的比较专业的文本编辑器进行编辑,比如dw,editplus
ckplayer的风格图片和配置文件是放在一个压缩包里的。你可以把官方下载的文件夹里的style.swf修改成style.zip,然后解压缩,即可以看到里面是所有的图片和一个style.xml(位置控制文件即配置文件),我们要做的就是修改图片,然后进位置进行控制就可以了。
下面开始动手
一:把style.swf修改成style.zip
二:我们先制作一个播放按钮鼠标经过时的图片效果替换官方默认的。比如(把该图片保存,名称是images_Play_on.png),然后用这个图片替换style.zip里官方的
三:再把style.zip改成style.swf,清浏览器的缓存(最好是手动清除或换一个浏览器看效果),刷新页面,鼠标经过播放按钮。看看,样子变了吧?
到此,基本就了解了如何修改播放器风格了。
下面我们再一起对位置进行控制,同样的,我们修改播放按钮的位置。还要把style.swf改成style.zip,把里面的style.xml用文本编辑器打开。找到<pm_play>0,2,0,-30,35,30</pm_play>这一行,这一行是控制播放按钮和暂停按钮的位置的,最后二个参数没有用,不需要理会,只管前面四个参数的意思。
1、水平对齐方式,0是左,1是中,2是右
2、垂直对齐方式,0是上,1是中,2是下
3、水平偏移量
4、垂直偏移量
这4个参数,你可以随便调整然后看效果。注意清空浏览器缓存。
四:关于进度栏的要注意,进度栏背景,加载进度条,播放进度条官方默认的都是一个像素的宽,然后在播放器里进行拉伸操作的。
五:进度栏的拖动按钮的位置是根据进度栏的高进行计算的,保证上下距中对齐的方式
六:进度栏的位置控制需要用到7个参数,请注意各参数的意思。

转载请注明来源:https://www.93free.com/a/gengduo/jiaocheng/695.html

投稿 找资源 留言板 回顶部