|
《浮动面板》的制作方法
【实例说明】：
对于稍稍熟悉windows的朋友来说,对浮动面板都不会陌生,这个实例就是让我们来共同制作一个浮动面板。
【操作步骤】：
一、制作要用的元件。
- 制作动画剪辑元件
步骤：按“Ctrl+F8”；在名称栏中输入“动画”，选择“影片剪辑”；单击“确定”按钮；在动画编辑状态，任意制作一个动画（要自由发挥）以备后用。
- 制作拖动条按钮
步骤：按“Ctrl+F8”；在名称栏中输入“拖动条”，选择“按钮”；单击“确定”按钮；在“弹起”帧绘制一个拖动条，分别在“指针经过”、“按下”、 “点击”按F6键插入关键帧。
- 制作最大化按钮
步骤：按“Ctrl+F8”；在名称栏中输入“最大化”，选择“按钮”；单击“确定”按钮；在“弹起”帧绘制一个按钮，分别在“指针经过”、“按下”、 “点击”按F6键插入关键帧。
- 制作最小化按钮
步骤：按“Ctrl+F8”；在名称栏中输入“最小化”，选择“按钮”；单击“确定”按钮；在“弹起”帧绘制一个按钮，分别在“指针经过”、“按下”、 “点击”按F6键插入关键帧
以上参见下图：
- 制作面板影片剪辑元件：
步骤：按“Ctrl+F8”；在名称栏中输入“面板”，选择“影片剪辑”；单击“确定”按钮；在面板编辑状态，绘制一个矩形作为面板；单击“窗口”/“公用库”/“按钮”打开系统自带的按钮库，将“playback? rounded”中的一些按钮拖放到面板上，如下图。
- 组装面板
步骤：（1）按“Ctrl+F8”；在名称栏中输入“浮动面板”，选择“影片剪辑”；单击“确定”按钮；在编辑状态的第1帧，按“Ctrl+L”打开库；将其中的“拖动条”按钮、“最小化”按钮、“面板”影片剪辑拖放到场景中组装浮动面板的最大化形状；再为该帧加上“stop”语句。如下图。
（2）在第2帧按“F6”键插入关键帧；将第2帧的“最小化”按钮、“面板”影片删除，然后将库中的“最大化”按钮放在“最小化”按钮的位置，这样就完成了浮动面板的两种不同状态的制作。
二、添加代码：
- 分别选中第1、2帧中的“拖动条”按钮；打开动作面板，添加如下动作语句：
on (press) {
startDrag("/mianban", false, 0, 0, 320, 240);
//移动面板并控制面板的移动范围
}
on (release) {
stopDrag();
}
//这里的mianban为影片"浮动面板"的实例名,后面将会进行设定
- 选中第1帧中的“最小化”按钮；打开动作面板，添加如下动作语句：
on (release) {
gotoAndStop(2);
}
//单击该按钮时,跳转到第1帧中浮动面板的最小化状态
- 选中第2帧中的“最大化”按钮；打开动作面板，添加如下动作语句：
on (release) {
gotoAndStop(1);
}
//单击该按钮时,跳转到第1帧中浮动面板的最大化状态
- 回到主场景中，打开文档属性对话框，设定场景大小为“300×150”；将刚刚制作的影片“浮动面板”拖放到场景中的第1帧处；然后选中该影片剪辑，打开属性面板在其实例名称中输入“mianban”作为其实例名称；
- 将库中已经制作好的“动画”影片剪辑拖放到场景中的第1帧；参照上例打开属性面板在其实例名称中输入“donghua”作为其实例名称;
- 双击库中的“面板”，从左往右为5个按钮加上动作语句，以实现对动画的播放控制（快退、播放、暂停、停止、快进）：
第1个按钮：
on (release) {
tellTarget ("/donghua") {
gotoAndStop(_currentframe-5);
}
}
//实现被控制动画的快退功能,_currentframe表示当前帧
第2个按钮：
on (release) {
tellTarget ("/donghua") {
play();
}
}
//让被控制动画从当前帧播放
第3个按钮：
on (release) {
tellTarget ("/donghua") {
stop();
}
}
//让被控制动画停止在当前帧.
第4个按钮：
on (release) {
fscommand("quit", "");
}
//当动画为SWF或EXE文件时,退出动画播放器.
第5个按钮：
on (release) {
tellTarget ("/donghua") {
gotoAndStop(_currentframe+5);
}
}
//实现被控制动画的快进功能
- 最后单击“文件”/“发布”；在文件保存的位置打开SWF文件测试影片即可。
|
