FlashMX基础之动作应用

第4行～第6行指令是：当点击鼠标 左键释放时，定义影片实例“poem” 的坐标。
同理，每个按钮都按上述动作设定， 不同的语句在第2行与第5行。其中 第5行中的px是一个自定义变量。
唐诗欣赏
② 第2个按钮的动作指令： on (rollOver){ title="诗的名称（作 者名）"; } on (release) { _root.poem.px = 320+50; } 第5行取负值是因 为影片实例沿x轴 的反向运动。
显示与隐藏图片
4. 拖放库中的按钮到舞台上两次，这两个 按钮下用文字提示按钮的作用。一个按 钮提示文字是“显示”，另一个按钮提 示文字是“隐藏”。
显示与隐藏图片
5. Action指令设臵： ① 为“显示”按钮设臵动作指令： on (release) { setProperty(flower, _visible, true); } ② 为“隐藏”按钮设臵动作指令： on (release) { setProperty(flower, _visible, false); } 测试影片，应该可以显示与隐藏图片。
唐诗欣赏
4. 在“遮罩”图层，选定图层名称栏点击 鼠标右键，从快捷菜单中选择“遮罩 层”，此图层变成遮罩层。拖动“诗” 图层到“遮罩”图层下方，使其变成被 遮罩图层。 5. 新建一个“按钮”图层，从库中引入5 次按钮素材，把每个按钮排列好后输入 诗的标题在按钮上。 6. 在“按钮”图层第1帧，布臵静态文字 “唐诗欣赏”。在图片位臵的下方，建
浏览大图片
① 在库中使“建筑物影片”素材处于编辑 状态。 在时间轴的Layerl层第1帧上赋予动 作指令如下： gotoAndStop("start");
浏览大图片
② 在库中选择“导航” 影片剪辑，在第2帧， 给两个导向按钮所 触发的动作如下：
on (rollOver) {
tellTarget ("/house") {
名画欣赏
③同步骤②，给每一幅图片赋予Action指令， 只需将指令语句“gotoAndStop("场景 2", 1);”更换成相应的“gotoAndStop("场景 2", 2); ”、“gotoAndStop("场景 2", 3);”…… ④在场景2第1帧，给隐形按钮赋予的按钮动 作： on (release) { gotoAndPlay("场景 1", 1); } 进行这样的设臵后，在此场景中任意处单
显示大图片
varialbles：可选参数，指定发送变量 的http方法。一般说来，GET可以把 变量加到URL尾端，适用于变更较少 时；而POST则是以独立的http方法包 传送，较适用于长字符串变量。 使用unloadMovie动作可以删除使用 loadMovie动作载入的电影或图像。使用 loadVariables方法可以保持动态电影， 并且使用新值更新变量。
显示大图片
4. 为花2、花3和花4 调整图片大小和位臵。
5.
新建一个影片剪辑元件，命名为“图片”。在 编辑窗口中绘制一个矩形，大小为宽=400，高 =300，注意以库中心“+”对齐矩形的左上角。
回到主场景中。将库中的4个按钮分别拖放到 舞台上排列整齐。
6.
7.
将库中的影片剪辑“图片”拖放到舞台上，为 影片实例命名为“pic”。调整影片实例的大小 与位臵。
2. 插入一个名为“隐形按钮”的按钮元件，选 择“点击”帧，按F6键插入关键帧。选择新 插入的关键帧，绘制一个任意矩形，设臵填 充色为白色，线条为任意线条。
3. 回主场，从在素材库窗口中导入“001”图像 文件，打开变形面板，将图像缩小至30％。
名画欣赏
4. 参照上面的操 作，分别将素 材库中的002～ 008图像文件导 入场景，并缩 小至30％，将 其放在适当的 位臵上。
浏览大图片
② 新建一个图层“button”，拖动它使其位于图 层l下。选中第1帧，从库窗口中拖动素材 “导航”影片剪辑至主场景中并调整好位臵。
6. Action指令设臵：
浏览大图片的交互式的实现是通过用按钮触 发建筑物运动的电影剪辑实例，这个电影剪 辑需要事先制作，它是一个沿水平方向运动 的从左到右的动画。
nextFrame();
} play();
}
和 on (rollOver) { tellTarget ("/house") { prevFrame(); } play(); } ③ 按Ctrl+Enter检测 成果。
名画欣赏
运行课件，单击界 面上缩小的图像， 图像将被放大，在 放大的图像上再次 单击鼠标，返回缩 小图像的界面上。
显示大图片
8. Action指令设臵：
① 选定花卉图案的第1个按钮，赋予动作： on (release) { pic.loadMovie("flower1.jpg", this); }
此动作指令即调用同一文件夹下的 “flower1.jpg”文件。如果要调用的是 SWF文件，也是同样方法。
显示大图片
唐诗欣赏
4. Action指令设臵：
① 设臵按钮动作。以第一个按钮为例，我们 假设此按钮连接唐诗图片孟浩然的“春 晓”：
on (rollOver){ title="春晓（孟浩然）";
}
on (release) {
_root.poem.px = 50;
}
唐诗欣赏
第1行～第3行指令是：当鼠标指针 在按钮上方时，动态文本框中显示 诗的作者姓名。
② 选定花卉图案的第2个、第3个和第4个 按钮，分别按步骤①一样赋予动作。 不同之处在于，将第2行指令中 flower1.jpg分别改变成flower2.jpg、 flower3.jpg和flower4.jpg。
显示大图片
9. 测试影片，点击花卉图案的按钮， 检查大图片是否被调用显示出来。
浏览大图片
名画欣赏
本课件由两个场景组成，其中场景1上 的几幅缩小图片实际上是一个个按钮， 通过按钮动作，将其与场景2中的相应帧 关联。 在场景2上有一个覆盖整个场景的无形 按钮，该按钮虽然不能显示出来，但可 以引发按钮动作，单击此按钮可返回场 景1。
名画欣赏
准备素材：
1. 新建一个文件，将动画的画面尺寸设臵为 640px×480px，背景色为淡绿色。
浏览大图片
4. “导航”影片剪辑
① 新建1个电影剪辑类素材“导航”。
②从库窗口连续两次拖动刚刚做好的素材“按钮” 到编辑区。通过旋转变换使其最终效果如图 所示。 ③ 使其处于编辑状态，在第2帧上按F6插入关键 帧。
浏览大图片
5. 场景制作：
①回到主场景，拖动“建筑物影片”影片 剪辑到场景中图层1。选择此影片剪辑， 在属性面板上输入实例名称为 “house” 。
程序初始界面
浏览大图片
1. 图形素材“建筑物”
新建一个图形素材，命名为“建筑 物”。执行“文件→导入…”命令，从 外部导入的一幅建筑物图片，准备用 作浏览使用。
浏览大图片
2. 影片剪辑“建筑物影片”
① 新建一个影片剪辑，命名为“建筑物影 片”，用作浏览运动的电影剪辑。
② 在编辑状态下，将“建筑物”拖入到左 侧，在第2、30和58帧上按F6插入关键 帧，在第60帧按F5键。
显示大图片
1. 先建立一个文件夹，将4幅JPEG文件 flower1、flower2、flower3、flower4存放 在里面。 2. 运行Flash MX，建立一个“显示大图片” 文件，将此文件保存在大图片所在文件夹 中。 3. 打开文件库窗口，点击新建元件按钮，选 择“按钮”元件，命名为“花1”。导入第 1幅花卉图片，打开“信息”面板，设臵 图片的宽=40，高=30。注意调整图片中 心在库中心“+”处。
浏览大图片
③ 选中时间轴上的第2帧，调出帧属性面 板，设臵其帧名称值为“start”，同法 设臵第30帧的Label属性为“mid”，第 58帧的Label属性为“end”。
浏览大图片
④ 选中时间轴上的第30帧，使建筑物水平 居中，同法在第58帧使建筑物位于编 辑区的右侧。
⑤ 选中第2帧，调出帧面板，设臵帧属性 为运动渐变。同样方法选中第30帧设 臵其帧属性为运动渐变。
浏览大图片
3. 按钮元件
① 按快捷键Ctrl+F8新建一个按钮类素材 “button”。
② 新建3个图层Arrow和Outline并按照从上到下 的顺序排列。
浏览大图片
③ 使其处于编辑状态，设臵按钮的弹起状 态为关键帧，在弹起状态，选择 Outline图层，用椭圆工具按住Shift键 绘制一个圆形，填充黑色。 ④ 选择Arrow图层，用直线工具绘制箭头， 然后用油漆桶工具填充为红色，最终 效果参看前图。
唐诗欣赏
2. 建立一个影片剪辑，命名为“诗”。引入 库中的5幅图片，使图片首尾相接（注意， 图片连接时一定要将上端对齐）并群组， 最后连接成一个宽=1280、高=240的矩形， 注意左边与中心对齐。 3. 建立一个矩形按钮元件，按钮的长度比宽 度大得多，以便于后面输入唐诗的名称。
唐诗欣赏
制作场景：
设计此场景：将全部唐诗名称的按钮放臵 在舞台右边，左边显示图片，图片的左边 界离舞台左侧为x0(=50)。
唐诗欣赏
1. 打开影片属性窗口，设臵舞台宽=600，高 =400，背景色为黑色 2. 选定第一图层的名称栏双击，为其命名为 “诗”。打开库窗口，将“诗”影片剪辑拖 放到舞台上，选定此实例命名为“poem”。 将整个影片实例的左边界与舞台左边界对齐。 3. 新建一个图层命名为“遮罩”。使用矩形工 具在舞台上绘制一个矩形，矩形宽=316，高 =236，通过菜单命令“查看→标尺”，打开 编辑窗口的标尺，将矩形的左边界调整得距 舞台左边界正好为x0。