注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

吨袋包装机吨袋包装机董工

吨袋包装机,吨袋包装机董工,www.qzdbzc.net,邦尧吨袋包装机董工,

 
 
 

日志

 
 
关于我

吨袋包装机定制,吨袋包装机董工,邦尧吨袋包装机董工,吨袋包装机报价,吨袋包装机生产厂家,吨袋包装机视频。无锡邦尧吨袋包装机董工,

网易考拉推荐

【引用】《原创》FLV网络视频播放器源地址及制作过程(七)  

2012-03-22 22:04:55|  分类: 博客制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

     这次主要讲述播放器列表的制作过程,先打开上次保存好的myflv源文件;点击最上面的菜单栏“插入”--“新建元件”,名称写up 勾选“影片剪辑元件”,点击“确定”进入元件编辑区。点击图层1第1帧,然后点击左边工具栏的矩形工具,设置笔触无,填充色为灰黑色,在舞台上画一个矩形,在属性面板上设置宽度20,高度20,X坐标为0,Y坐标也为0;锁住图层1,防止误操作。然后点击“插入图层”图标,点击图层2的第1帧,用矩形工具画一个空心方框,所以设置笔触为白色,填充为无,在舞台上画一个比黑色方框要小的白色空心矩形。鼠标点击这个白色空心矩形的上边线条,然后鼠标右键点击“剪切”;同样再把右边的白色线条剪切掉,这时点击左边工具栏的线条工具,笔触为白色,填充无,画一个线条把剩下的2个白色线条连接起来,这样就形成三角形了;然后鼠标在舞台上把这3个线条都选取一下,点击菜单栏“修改”---“变形”---“旋转与倾斜”,鼠标靠近这个图形的一个角时,变成像“句号”差一点时,进行旋转;把三角形方向摆成向上,并且放在黑色小方框中。这样up影片剪辑元件制作完毕,同样方法把down影片剪辑元件制作好,但三角形方向摆成向下。
        现在再制作滑块,点击菜单栏插入--新建元件,名称写 drag 勾选“影片剪辑元件”,点击“确定”进入元件编辑区,点击图层的第1帧,在舞台上画一个宽度20,高度50的灰黑色矩形;锁住图层1.防止误操作。点击“插入图层”图标,然后点击图层2的第1帧,点击左边工具栏的线条工具,在这个灰黑色小矩形上画几个线条。
      点击菜单栏“插入”--“新建元件”,名称写 slot    然后勾选“影片剪辑元件”,点击“确定”,进入元件编辑区。点击左边工具栏的矩形工具,设置笔触无,填充色为灰黑色,在舞台上画一个宽度为20,高度为275的灰色矩形,我们把这个灰色矩形作为滑块背景,也就是滑块的滑动范围。

     我们再新建一个影片剪辑元件,名称写:filelistG_mc   点击确定,进入元件编辑区。点击左边工具栏,笔触为蓝色,填充为黑色,在舞台上画一个宽度为280,高度为830的矩形,鼠标在这个矩形中间点击一下,然后鼠标右键点击“剪切”;这样就把显示歌曲列表的长度和宽度定位下来。
    现在新建一个影片剪辑元件,名称写:元件1  点击确定进入元件编辑区。点击图层1第1帧,设置笔触无,填充为黑色,在舞台上画一个矩形,宽度380,高度830;X:0  Y:0  并锁住图层1。 点击“插入图层”图标,然后把filelistG_mc影片剪辑元件拖到舞台上,在属性面板上实例名称写:filelistG_mc   X坐标为0,Y左边也为0.
   接着再新建一个影片剪辑元件,名称写:元件2  点击确定进入元件编辑区。点击图层1第1帧,设置笔触无,填充为浅蓝色,在舞台上画一个宽度为400,高度为200,X坐标为0,Y坐标也为0的矩形。这个元件在播放器里面是充当遮罩作用的。
   再新建一个影片剪辑元件,名称写  gdghthytjy   点击确定进入元件编辑区。连续插入图层6次共7个图层,
          点击图层1的第1帧,将元件1影片剪辑元件拖到舞台上,实例名称写:contentMain   X坐标为0,Y坐标为0.
          点击图层2的第1帧,将元件2影片剪辑元件拖到舞台上,实例名称写:maskedView   X坐标为0,Y坐标为0.  alpha透明度为59%,鼠标右键点击“ 图层2”,勾选“遮罩层”。
         点击图层3的第1帧,将slot影片剪辑元件拖到舞台上,并放在黑色矩形的右边,实例名称写scrollbg   X坐标为250.9,Y坐标为20.
         点击图层4的第1帧,将up影片剪辑元件拖到舞台上,实例名称写:btnup   X坐标为250.9,Y坐标为0. 将down影片剪辑元件也拖到滑块背景的下方,实例名称写:btndown   X坐标为250.9,Y坐标为293.9.
        点击图层5的第1帧,将drag影片剪辑元件拖入到舞台上,实例名称写:dragger   X坐标为251.9,Y坐标为21.
        点击图层6的第1帧,然后点击矩形工具,设置笔触无,填充为灰色,颜色为线性,在颜色面板上添加2个色快,把中间2个色块的透明度设为0,2边色块的透明度设置为59%,然后在舞台边上画一个矩形,并鼠标选取这个矩形,但不要选到舞台上的其它任何元件。这时点击菜单栏的“修改”--变形---顺时针旋转90度。在属性面板上设置这个半透明过渡矩形的宽度为272,高度为314,X坐标为0,Y坐标为0.
       点击图层7的第1帧,鼠标右键“插入空白关键帧”,按电脑键盘上的f9打开动作面板,将以下代码复制粘贴进去。
 contentMain.setMask(maskedView);
Stage.scaleMode = "noScale";
System.useCodepage = true;

function scrolling (easing){
 //滚动速度
 var moveSpeed = 1;
 var easingSpeed =10;
 var scrollHeight = scrollbg._height;
 //可滚动的区域
 var scrollable = contentMain._height - maskedView._height;
 var top_scroll = contentMain._y;
 //滑块可拖动的区域
 var left = scrollbg._x;
 var top = scrollbg._y;
 var right = scrollbg._x;
 var bottom = scrollbg._y+scrollbg._height-dragger._height;
 //在开始前检测我们的滚动是否可滚动,如果内容不足滚动,隐藏dragger等,并返回。
 if(scrollable <0){
  dragger._visible =false;
     btnup._alpha =50;
  btndown._alpha =50;
  scrollbg._alpha=50;
  btnup.enabled = false;
  btndown.enabled = false;
  return;
 }
 //更新滚动内容的位置。公式的应用
 function updateContentPos(){
  var percent_scrolled =(dragger._y-btnup._height)/(scrollHeight-dragger._height);
  contentMain.newY = Math.round(top_scroll -(scrollable * percent_scrolled));
 }
 contentMain.onEnterFrame = function()
    {
        if (!easing || easing == undefined)
        {
            this._y = this.newY;
        }
        else
        {
            this._y += (this.newY-this._y)/easingSpeed;
        }
    };

 //拖动滑块
 dragger.onPress = function(){
  startDrag(this,false,left,top,right,bottom);
  this.onMouseMove = function(){
   updateContentPos();
  }
 }
 dragger.onRelease =dragger.onReleaseOutside= function(){
  stopDrag();
  delete this.onEnterFrame;
 }
 btnup.onPress = function(){
  this.onEnterFrame = function(){
   //技巧
   dragger._y = Math.max(top,dragger._y-moveSpeed);
   updateContentPos();
  }
 }
 btnup.onRelease = function(){
  delete this.onEnterFrame;
 }
 btndown.onPress = function(){
  this.onEnterFrame = function(){
   dragger._y = Math.min(bottom,dragger._y+moveSpeed);
   updateContentPos();
  }
 }
 btndown.onRelease = function(){
  delete this.onEnterFrame;
 }
 updateContentPos();
}

这样播放器列表基本上制作完毕,测试保存;在下一节再讲述播放器列表上歌名如何显现,以及其代码。

  评论这张
 
阅读(67)| 评论(0)
推荐

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017