用Flash作文字滚动的交互动画

原作者:kuku 添加时间:2007-06-03 原文发表:2007-06-03 人气:244 来源：互联网

本文章共1997字，分2页，当前第1页，快速翻页：

在Flash的文字工具中提供了一种文字域（Text Field）方式，在文字域中的内容是可变的，这意味着可以在浏览时改变文字域的内容。下面我们就利用文字域的特性来制作一个实例（如图1），通过上下两个箭头按钮来控制文本文件在文字域中的显示位置，从而能在有限的空间内显示更多的信息，并且对于经常更新的文字信息，只需修改文本文件即可，因而也就简单方便了！

场景制作

1、首先我们编辑需要在文字域中显示的文本文件（如tangshi.txt），文字内容与格式如图2所示。

其中：tangshi是变量名，在Flash作品中并不会显示出来，在后面我们要加入的文本域的变量名应与它一致。

2、启动Flash程序，单击菜单“File→New”命令，新建一个动画文件。

图1

3、单击菜单“Modify→Movie”命令，弹出Movie Properties（动画属性）对话框，设置Width为400px、Height为300px，Background Color为深蓝色，然后按OK钮。

4、制作动画的背景。从工具箱中选择Rectangle（矩形）工具，设置边界线条颜色为绿色，宽度为4.0，填充颜色为白色，圆角半径为8，然后在编辑区中拖动鼠标画一个带边框的圆角矩形。

5、从工具箱中选择Text工具，设置颜色为白色，大小为36，字体为隶书，在场景的上部输入“唐诗佳作欣赏”几个字。

符号制作

下面我们制作动画所需要的各种符号。

1、首先制作上下二个箭头按钮。执行菜单“Insert→New Symbol”命令，新建一个符号，从弹出的Symbol Properties（符号属性）对话框中设置Name为“上箭头”，Behavior为Button，单击OK按钮，切换到符号的编辑区。从工具箱中选择Line(线条)工具，画出三条线围成一个三角形。

2、从工具箱中选择Paint Bucket工具，设置填充色为从黑到白的渐变色，在三角形轮廓内单击填入渐变色，再将三角形轮廓线删除。然后用Paint Bucket附属工具中的Transform Fill(填充变换)工具，改变渐变填充的方向，使其由左上角向右下角渐变。

3、将三角形图案原地复制，并用缩放工具将其缩小一些，再将填充的渐变色旋转180度，这样一个具有凹凸感的漂亮按钮就做成了。同理我们再做出按钮符号“下箭头”。

4、执行“Insert→New Symbol”命令，在Symbol符号属性对话框中设置Name为“向上”，Behavior为Movie Clip，单击OK按钮，切换到符号的编辑区。在时间轴的第1帧上双击鼠标，在出现的对话框中选择Actions标签，设置第1帧的动作为：

Stop (停止)

选择第2帧，按F6键插入关键帧，然后在该帧上双击鼠标，设置动作为：

Set Variable:"/:tangshi.scroll"=/:tangshi.scroll-1

选择第3帧，按F6键插入关键帧，然后在该帧上双击鼠标，设置动作为：

Go to and Play(2)

5、按Ctrl+L键激活图库，在符号“向上”上单击鼠标右键，从弹出的快捷菜单中选择Duplicate，复制该符号，并将名字改为“向下”，然后双击“向下”符号进入编辑区，将第2帧的动作改为：

Set Variable:"/:tangshi.scroll"=/:tangshi.scroll+1

6、按左上角的Scene1标签回到场景中，从工具箱中选择Text文字工具，单击下面的Text Field文字域按钮，在圆角矩形框内拖动鼠标划出一个文字域范围，大小比矩形框略小一些即可。并设置文字域的各属性。

7、从图库中将符号“向上”拖入场景（在场景中显示为一个白色圆点），在其上单击右键，选择Properties，设置Instance Name（实体名称）为“up”，同样把符号“向下”拖入场景，设置实体名称为“down”。

图2

8、从图库中将符号“上箭头”拖入场景，放在右侧，在其上双击鼠标，在Actions标签中设置按钮的动作为：

本文章更多内容：1 - 2 - 下一页>>

本页地址