本页面由 Flash 保存计划 从 Internet Archive 存档还原 · 快照 2005-12-26 · 原址 http://flash8.net/teach/4748.htm ← Flash 保存计划

FLASH制作一个可以伸缩的导航条

作者:zishu   类型:转载   来源:子鼠

  

      下载示例文件s200512703135.rar
  由于时间比较紧;我作的比较粗糙;请大家谅解;本教程只是希望能给大家一个思路;细节方面自已有时间时再作吧;以下是制作过程:
一、新建一个大小为:200*200Px;帧频:45;背景色:#FFFFFF;的影片;
二、首先我们来制作四个导航条;由于时间关系;我只作一个;然后复制;因为作法都一样;
    步骤A:新建一影片剪辑;起名字为“zishu1”;在这个剪辑中共建四个图层;从下到下名字分别为;AS、BT、NAV、MC

    AS层:用来放这个剪辑中所有的AS;
          第1帧的AS为:

stop();

          第20帧的AS为:

_root.move.gotoAndStop(1);
stop ();

          第21帧加入一个标签:close
    BT层:第一帧为一个按钮;按钮上的AS代码为:

on (press) {
 gotoAndPlay (2);
 _root.lastzishu = _root.currentzishu;
 _root.currentzishu = this._name;
 _root[_root.lastzishu].gotoAndPlay("close");
 _root.move.gotoAndStop(2);
}

        第二帧为一个灰色的方块;们置和第一帧相同;上边无AS;
    NAV层:只在第20帧加两个按钮;就是“FLASH文章”“WEB文章”;上边加入将来的网页链接地址;
    MC层:是一个灰色从高度1px渐变到45PX;又从45PX到1PX的一个过程;第1帧和最后一帧为1PX高;第20帧为45PX高;中间加渐变过程;
三、回到场景;新建三个图层;从上到下分别为:as\nav2\move
四、去库中将刚刚制作好的zishu拖到nav2图层中;拖4个;实例名称分别设为:zishu1 zishu2 zishu3 zishu4

五、在AS图层的第1帧加入如下代码:

stop();
_root.zishus = 4;
_root.gap = 1;

六、下面我们进行最重要的最后一步;
    A.新建一影片剪辑“move”;在第一帧加入如下代码;

Stop();

    B.第二帧加入

Stop();

同时在这帧上再先建一个影片剪辑MOVE2;

    C.在MOVE2的第一帧加入如

Stop();

    D.回到影片剪辑“move”第二帧;这里上面有一个MOVE2;我们在这个上面加入如下代码:

onClipEvent (enterFrame) {
 for (i=1; i<_root.zishus+1; i++) {
  _root["zishu" add i]._y = _root["zishu" add (i-1)]._y+(_root["zishu" add 
(i-1)]._height)+_root.gap;
 }
}

    E.我们再回到主场影;将库中的move拖到move图层中;将名例如设为:move;并在上边加入如下代码:

onClipEvent (load) {
 for (i=1; i<_root.zishus+1; i++) {
  _root["zishu" add i]._y = _root["zishu" add (i-1)]._y+(_root["zishu" add 
(i-1)]._height)+_root.gap;
  _root["zishu" add i]._x =100;
 }
}

好了;测试一下吧;这个东西和昨天我写的那个“Accordion组件的使用实例Ⅰ”差不多;

   责任编辑:uufeng    时间:2005年12月17日

正在加载评论...