站长学院通行证

 

返回“站长学院”网站首页

 当前位置 → 中国站长学院设计在线图像处理flash → 浏览正文


TAG:  Flash 2004 滚动 文本框 教程

Flash MX 2004滚动文本框的两种做法


作者:中国站长学院(整理)     来源:互联网转载     点击数:     更新时间:2008年02月21日

【字体: 】        【背景色 杏仁黄 秋叶褐 胭脂红 芥末绿 天蓝 雪青 灰 银河白(默认色) 】    【收藏本文】   【打印


 

  文/束成
   第1页:Flash MX 2004滚动文本框的两种做法(多图)第2页:Flash MX 2004滚动文本框的两种做法(多图)(2)
    Flash升级到Flash MX 2004 版本以后,许多效果的制作方法都很大的改进,比如滚动文本框的效果制作起来就方便了许多。现在我介绍两种在Flash MX 2004 中制作滚动文本框的方法,一种是利用flash自己的组件,是最简单的一种方法;再一种就是利用一些简单的命令来实现滚动的效果,通过第二种方法我们可以对Flash MX 2004 的新功能与方法有更深刻的了解。
  一、 利用组件制作滚动文本框
   在场景的空白位置往往不够容纳下当前部分的所有文字。此时,我们需要使用滚动文本框组件来完成。
  (1) 打开“窗口”——“开发面板”——“组件”面板,或按下Ctrl+F7组合键打开“组件”面板,并从“UI Components”列表中拖动“TextArea”组件(如图一)到场景中。
点此在新窗口浏览图片  中国站长学院 
图一
  (2) 选中“textarea”组件,利用属性面板调整其属性为宽“240px”,高“200px”,x轴坐标“200”,y轴坐标“100”。
  (3) 打开属性对话框中“参数”选项卡(图二),或按下Alt+F7组合键,打开“组件”参数设置面板(图三),在“Text”参数的右侧输入所需文字即可,这两个不同的面板功能是一样的。
点此在新窗口浏览图片  中国站长学院图二  图片较大,请拉动滚动条观看
点此在新窗口浏览图片  中国站长学院
图三
  这种制作滚动文本的方法是不是很简单,用这种方法做的文件如果直接导出swf文件的话,在使用时可能会看不到这个滚动组件,这时只要把通过发布设置,直接发布成exe文件或html文件就可以正常使用了。

  二、 利用命令制作滚动文本框

 

 

 

  (1) 在场景空白位置插入一个静态文本框,在文本框中输入所需文字,调整好大小和位置。鼠标右键单击该文本框,在弹出的快捷菜单中选择“转换为元件”,先将其转换为“图形”,命名为“文本”。

 

点此在新窗口浏览图片  中国站长学院
图四

 

  (2) 选择“插入”——“新建元件”,新建一个影片剪辑,命名为“文本影片”。把图形元件“文本”拖入其中适当位置,在第25帧处插入关键帧,在该帧按住“shift”键,将该帧的“文本”元件垂直向上移 动一段距离

 

  (3) 从第1帧到第25帧创建补间动画,使“文本”元件有一个至下而上的运动效果。然后从“全局函数”——“时间轴控制”中选择“stop()”命令,添加在第1帧,使“文本影片”剪辑停止在第1帧(如图五)。将该剪辑放入场景适当位置,剪辑名称为“text”。

 

点此在新窗口浏览图片  中国站长学院
图五

 

  (4) 添加图层2,把图层2放在第1层下方。在图层2中,将“公用库”——“按钮”中的“circle buttons”选择“next”元件导入场景,顺时针旋转90度使箭头方向向下,放在“文本影片”旁边(如图六)。

 

点此在新窗口浏览图片  中国站长学院
图六

 

加入如下代码:

 

 on (release)
{
  tellTarget ("text")
   { nextFrame(); }
}

   复制next 按钮,垂直翻转(箭头方向向上)后放在第一个按钮上方,添加代码:

 

 on (release)
{
  tellTarget ("text")
  { prevFrame(); }
}

 

  (5) 添加图层3,在图层3中用直线和矩形工具把文本和按钮围起来(如图七)。

点此在新窗口浏览图片  中国站长学院
图七

 

  使用矩形工具时,把填充色改为无色,线条色为黑色。然后在这个封闭的图形中,用灰色填充包围文字的部分

 

  (6) 添加图层4,把图层4置于图层3下方(如图八),并把图层3中的覆盖在文字上的灰色块剪切到图层4的相同位置(shift+ctrl+v)。给图层4添加遮罩,使其遮罩图层1。

 

点此在新窗口浏览图片  中国站长学院
图八

 

  (7)  按下ctrl+enter键即可运行。

 

  两种滚动文本框的的制作方法就是这样,其实每种效果的实现方法都不是唯一的,虽然每种方法的繁简程度不同,但只要用心体会,总能找出一种合适方法。.fla文件下载


责任编辑:忧郁的秋天

注册投稿

收藏本文到  >>>

相关文章

Flash8序列号06/01 
模板教程【Pagetitle 标记】04/11 
模板教程【Prenext 标记】(十04/11 
模板教程【Pagebreak 标记】04/11 
模板教程【Pagelist 标记】(04/11 
模板教程【List 标记】(十一)04/11 
模板教程【Channelartlis04/11 
模板教程【Mynews 标记】(九)04/11 
模板教程【Flink 标记】(八)04/11 
模板教程【Vote 标记】(七)04/11 
模板教程【Mytag 标记】(六)04/11 
模板教程【Type 标记】(四)04/11 
模板教程【Channel 标记】(三04/11 
模板教程【Field 标记】(二)04/11 
模板教程【Arclist 标记使用实04/11 
DedeCMS模板制作使用实例教程序04/11 

推荐导读

热门资讯

资讯快报

论坛新贴

返回首页

关于我们 - 帮助(?) - 广告服务 - 诚征英才 - 友情链接 - 网站地图 - 站长BLOG

返回网站顶部

Copyright © 2007 中国站长学院(CNZZXY.COM). All Rights Reserved
站长学院服务资咨热线:0755-84289786    业务合作:(0)13554938953  (0)13423986856    网络宽带及主机提供:深圳傲网科技
粤ICP备08006968号   站长:忧郁的秋天(向管理员发邮件)   站长交流QQ群①:1815595   站长交流QQ群②:32960074