帮助手册>功能配置>功能配置

界面元素的坐标控制

在ckplayer中各按钮以及其它素材的坐标控制分二种形式,一种是4个数字控制,一种是用7个数字控制。

一:四个数字控制坐标的以(右上角)logo为例。打开ckplayer.js(ckplayer.xml)找到pm_logo:'2,0,-100,20',(<pm_logo>2,0,-100,20</pm_logo>)

上面控制坐标的的数字为:2,0,-100,20

关于这四个数字的意思分别如下:

1、水平对齐方式,0是左对齐,1是中间对齐,2是右对齐

2、垂直对齐方式,0是上对齐,1是中间对齐,2是下对齐

3、水平偏移量,正的向右移动指定像素,负的向左移动指定像素

4、垂直偏移量,正的向下移动指定像素,负的向上移动指定像素

下面是图示:

4数字表示的坐标体系.png

所以,logo的坐标是:2,0,-100,20,意思如下:

第1个数字:2,表示右对齐,不管播放器的尺寸如何变化,都以右边为基准

第2个数字:0,表示上对齐,不管播放器的尺寸如何变化,都以上边为基准

第3个数字:-100,则表示在水平位置向左移动100个像素,如果此时该数字为大于等于0的数字,则logo将显示在播放器右(外)边,不在可见区域

第4个数字:20,则表示在垂直位置向下移动20个像素

二:七个数字控制坐标的以进度条为例,这个可以把style.swf修改成style.zip,打开style.zip压缩包里的style.xml,找到:“<pm_sch>1,2,0,-41,0,6,0,14,14</pm_sch>”,这里有9个参数,第8,9是控制进度栏按钮的宽高的。我们只看前面七个数字的意思:

首先,7个数字控制坐标的分二种情况,一种是相对(播放器)坐标,一种是绝对(于播放器)坐标。以第7个数字定义。0:相对,1:绝对。相对的意思是播放器尺寸变化后,元素的坐标也跟着变。绝对则不跟着变。永久保持开始的样式。

(一):相对坐标的情况下:

1、只能是1,表示中间对齐

2、上中下对齐(0是上,1是中,2是下)

3、元素左边离播放器左边的距离

4、Y轴偏移量,正值表示向下移动距离,负值表示向上移动的距离

5、元素右边离播放器右边的距离

6、元素的高度

7、定位方式,此时应该为0

下面是图示:

相对坐标.png

从上图可以看出,当播放器尺寸变化后。元素(白色方块)的左右坐标离播放器左右的距离不变。

(二):绝对坐标的情况下:

1、左中右对齐方式(0是左,1是中间,2是右)

2、上中下对齐(0是上,1是中,2是下)

3、X轴偏移量,正值向右移,负值向左移

4、Y轴偏移量,正值向下移,负值向上移

5、宽度

6、高度

7、定位方式,此时应该是1

下面是图示:

绝对位置.png

从上图可以看出,播放器尺寸变化后,元素(白色方块)的长宽都不会变化

Powered by ckplayer.com  
Copyright©ckplayer,2011-2016