生活中，很多人都不知道利用flash实现控制按钮的步骤_Flash按钮操作教程，其实非常简单，下面就是小编搜索到的利用flash实现控制按钮的步骤_Flash按钮操作教程相关的一些知识，我们一起来学习下吧！

【资料图】

下面是长篇大论，但是各位学Flash的，这里总有你想吃的。

Flash按钮操作教程：

问题一：怎么做纽扣？为什么我制作的文本按钮很难点击？

解决的办法是，按钮编辑区的时间轴只有四帧，第四帧的“点击”是按钮反应区，在舞台上是看不见的，但是起到了按钮反应的作用。我们放大了按钮的反应区域，可以用鼠标轻松点击。

问题一：怎么做纽扣？为什么我制作的文本按钮很难点击？

解决方案想法

按钮编辑区的时间轴只有四帧，第四帧的“点击”是按钮反应区。这个区域在舞台上是看不见的，但是起到了按钮反应的作用。我们把按钮的反应区域放大，这样就可以用鼠标轻松点击按钮了。

具体步骤

1.运行FlashMX2004，文档属性默认。

2.创建一个新组件，命名为“按钮”，并将类型设置为按钮组件。

3.进入按钮编辑区。时间轴上有四帧。这四个框架的功能已经在第一章向大家介绍过了。如图所示。

图2.1.34按钮组件的时间线

4.在第1帧中单击工具栏中的矩形工具，绘制一个蓝色矩形。

5.返回场景1，将此按钮从“库”拖到舞台上。

6.发布测试结果。我们看到，当鼠标放在这个按钮上时，鼠标变成了一个小手的形状，表示制作的按钮成功了。

7.在实际创作中，由于舞台上的元素很多，为了区分元素的类型，需要在按钮上写说明，所以还是实际制作吧。

8.双击“库”中的按钮元素，进入按钮编辑区。

9.在图层面板新建一个图层2，点击文字工具，输入“按钮”调整位置。如图所示。

图2.1.35添加文本层

10.回到场景1中的测试。按钮上已经有logo名称，按钮功能不受影响。如图所示。

图2.1.36按钮效果

11.这个按钮的制作方法是最简单的，不涉及反应区的问题。因为蓝色的矩形部分已经暴露在舞台上，只需点击蓝色区域就可以执行按钮的功能。在一些Flash作品中，由于整体视觉效果的要求，经常会出现一些只有文字没有背景的按钮。这就涉及到问题中提到的反应区的问题。

12.进入按钮元素编辑区，在第一帧输入单词“PLAY”制作一个播放按钮。如图所示。

图2.1.37键入文本

13.回到场景1，释放测试按钮效果。如果你发现鼠标不是很好用，你就会点击按钮。原因是按钮的响应仅限于文本行。

14.有两种方法可以解决这个问题。第一种方法是进入按钮元素编辑区，用矩形工具在第四帧画一个矩形，放在“播放”下，放大其反应区域。因为作品发布时第4帧“点击”中的内容是不可见的，所以我们可以使用任何颜色。如图所示。

图2.1.38在“单击”框中插入一个矩形

14.发布测试结果。因为按钮反应区域的扩大，很容易点击按钮。请参考源文件并点击此处下载源文件。

15.另一种方法是新建一个层，在按钮元素编辑区的第一帧画一个透明矩形。矩形虽然在舞台上是透明不可见的，但也会起到一个形状的作用，从而扩大第一帧中按钮的反应面积。如图所示。

图2.1.39插入透明矩形

16.这种制作方法也可以做出非常好用的文字按钮。

注意3354按钮测试。我们无法通过使用[控制]菜单中的[播放]命令或快捷键“回车”来测试它。我们需要点击[文件]菜单下的[发布]命令或使用组合键快捷键“Ctrl Enter”来进行发布测试。

提示——朋友们普遍不太明白按钮四个框架中最后一个框架的作用。这一帧是按钮的反应区域，在场景中看不到。在制作隐形按钮时，有必要利用这个框架。

技巧——纽扣是一件作品不可或缺的重要组成部分。做纽扣的时候要考虑到整个作品的风格。

试试——我们已经向你介绍了制作文本按钮的方法。你不妨试一试，因为这种按钮在每个作品中都有使用。

——分析这个问题的根本原因有两个：一是朋友不重视纽扣制作，认为纽扣只是一个附属品，对作品的整体主要表现没有太大影响，所以也忽略了纽扣制作的细节；第二，朋友不知道第四帧“点击”的知识。

特别提示

按钮作为Flash动画作品中的交互媒介，起着非常重要的作用。由于本文所附的源文件中不涉及按钮的控制，所以只能用鼠标放在按钮上时出现的小手形状来测试按钮。

特殊说明

通过这个问题的讲解，我们知道了如何制作基本按钮，如何制作文字按钮。我在欣赏闪吧主办的“恒亚杯”环保FLASH大赛的时候，发现很多朋友做的文字按钮都没有采用加大反射面积的手段。从而考验欣赏者使用鼠标的灵活性，给作品欣赏带来厌烦的第一印象。

一个Flash作品需要用到哪些必备的按钮？

因为按钮应用广泛，所以在Flash作品中可以用它做出非常有趣的效果。通常，需要两个按钮来控制一个完整的FLASH动画：播放和重放。用于播放和重播电影。

可以用图形做按钮吗？

因为按钮中的边框在操作上和其他组件的边框差别不大，所以我们可以用图形作为按钮，也可以用其他形式来制作按钮。我们将在下面的问题中为您详细介绍。

如何用按钮控制电影？

刚才我们说了一个完整的作品需要两个按钮，一个播放按钮和一个返回按钮。那么这两个按钮是如何控制胶片的呢？这涉及到Flash的ActionScript。它与按钮Flash脚本语言(ActionScript)密切相关。我们来做一个电影控制按钮。我们创建一个新的Flash MX 2004文档，并在舞台时间轴上创建一个简单的动画效果。如图2.1.40所示。

图2.1.40制作渐变动画

需要禁止动画一开始就自动播放，这样播放按钮才会起作用。单击时间轴上的第一帧，打开舞台下的“动作”面板，双击“电影控制”下的“停止”命令，在第一帧停止动画。最后一帧也加“停”。如图2.1.41所示。

图2.1.41添加“stopa()；”

然后新建一个按钮元素，按照我们刚才做的方法做两个按钮，分别是“play”和“relplay”。在时间轴中创建一个新层，将控件中的“播放”按钮拖动到第1帧中的适当位置，将“重播”拖动到第30帧中的适当位置。分别点击两个按钮打开动作面板，添加“播放”和“重放”按钮等控制命令：

“播放”按钮上方的命令：

开启(释放){

play()；

}

如图所示。

图2.1.42“播放”按钮的动作脚本

“重放”按钮上方的命令，

开启(释放){

gotoAndPlay(1)；

}

如图2.1.43所示。

图2.1.43“重放”按钮的动作脚本

请参考源文件并点击此处下载源文件。

这是我们第一次接触Flash MX 2004的ActionScript，本书第三部分会详细介绍。本节之所以介绍ActionScript，是因为按钮与ActionScript有着密切的联系；二是给你一个初步印象。

问题二：隐形按钮怎么做？隐形按钮的作用是什么？

解决方案想法

隐形按钮是按钮功能的延伸，通过隐形按钮实现一些想象不到的效果。我们从上一个问题中知道，按钮第四帧“点击”帧中的内容在舞台上是看不到的，所以我们利用这个特性来制作简单的隐形按钮。

具体步骤

1.运行Flash MX 2004，文档属性是默认的。

2.创建一个名为“button”且类型为button的新组件。

3.进入按钮元素编辑区。在第四帧中，我们使用矩形工具绘制一个任意颜色的矩形。

4.返回场景1，命令[文件]|[导入]|[导入到舞台]导入一张图片，并调整其在舞台上的位置。

5.在时间轴上新建一个层，命名为button layer，将刚刚做好的按钮从“库”中拖到舞台上合适的位置。如图2.1.44所示。

图2.1.44设置不可见按钮

6.此按钮在舞台上以透明绿色显示。因为第4帧的“click”帧中按钮的内容是不可见的，所以Flash考虑到编辑的方便性，设置了相同的绿色，而不考虑原来“click”帧中的颜色。

7.发布测试。你可以看到，当鼠标移动到不可见的按钮区域时，它会变成一个小手的形状。我们的隐形按钮成功制作并保存。

请参考源文件并点击此处下载源文件。

8.我们可以通过使用按钮和Flash的ActionScript来制作出色的效果。我们将在ActionScript的第三部中向您详细介绍这方面的内容。

注意——制作隐形按钮时，不要在按钮编辑区的第一帧制作按钮，因为第一帧在场景中是可见的，达不到我们制作的效果。我们可以直接在第4帧插入一个空白的关键帧，然后在编辑区画出反射区的大小。

按钮——的编辑区域中的第四个“点击”帧在场景中不可见。编辑时，绿色半透明状态显示在主场景中。

乔——在舞台上的隐形按钮和其他按钮没什么区别，我们都可以用工具来编辑。

试试——在上一个问题的解释中，我们介绍了另一种制作隐形按钮的方法。朋友们不妨试试第二种方式，看看有没有区别？

按钮3354的功能是触发行为。隐形按钮可以无意中触发事件，达到交互效果。

特别提示

在这个例子的源文件中，没有设置按钮的触发事件，因为触发事件是由Flash的ActionScript控制的。我们会在第三部分详细介绍给你。

特殊说明

按钮的重要作用在上一个问题中已经向大家强调过了。隐形按钮是按钮中最重要的。掌握了这项技术，我们就可以利用隐形按钮的特点，发挥它的独特作用，做出很多交互动作。

相关问题

如何使用常用库中的按钮？

Flash MX 2004中的公共库为我们提供了许多制作精美的按钮示例，我们可以直接使用。单击窗口|其他面板|公用库|按钮打开库——按钮面板。如图2.1.45所示。

图2.1.45打开“库3354按钮”面板

可以看到已经做好的按钮有很多，分门别类存放在按钮通用库中。我们可以直接拖拽到按钮编辑区来使用。按钮公共库中的按钮大多是动态的，即按钮的四个框架中都有动作。我们将在下一个问题中向您介绍这些知识。

问题3:如何制作声音按钮？如何在按钮中嵌套电影剪辑？

解决方案想法

从上两个问题的回答中我们知道，按钮中的四个边框与其他组件不同，但在操作和理解上并没有太大的区别。第一部分详细介绍了按钮编辑区四个框架的作用，可以利用这些框架来解决问题。

具体步骤

1.运行Flash MX 2004，文档属性是默认的。

2.创建一个名为“button”的新组件，类型为button。

3.进入按钮编辑区，我们可以看到按钮编辑区的四个框架。

4.单击第一帧，并使用椭圆工具在编辑区域中绘制一个红色椭圆。

5.在时间轴上新建一层，输入“按钮”静态文本。第一层和第二层的帧数同时延长。如图2.1.46所示。

图2.1.46创建按钮

6.创建一个新的第3层，并命名为音乐层。

7.因为我们想做出鼠标经过按钮时按钮会发出声音的效果，所以我们在按钮时间轴“指针经过”的第二帧插入一个空白的关键帧。

8.单击[文件]|[导入]|[导入到库]命令，导入我们选择的一段音乐效果。

9.导入的concerts保存在我们的库面板中。如图2.1.47所示。

图2.1.47库中的声音文件

10.将此声音文件拖动到音乐层中“指针经过”帧对应的舞台上。

11.在音乐层的“指针传递”帧中会出现音乐的波形，这意味着我们在这个帧中加入了音乐。如图2.1.48所示。

图2.1.48时间线上的声音文件

12.返回场景1，将此按钮从库面板拖放到舞台。

13.发布测试。当鼠标经过按钮时，按钮发出声音，我们制作的生成按钮成功并保存。

请参考源文件并点击此处下载源文件。

14.如何在按钮中嵌套电影剪辑？其实和插音乐是一样的。

15.按照上面的步骤做一个常规的按钮。

16.创建一个新的电影剪辑，并在此电影剪辑中制作一个简短的旋转动画效果。

17.双击进入按钮编辑区，新建一层。

18.在这一层“指针传递”的第二帧插入一个空白关键帧。

9.将“库”面板中的电影剪辑拖到与该帧对应的舞台上。如图2.1.49所示。

图2.1.49插入电影剪辑

20.返回场景1并发布测试。当鼠标移动到按钮时，将播放电影剪辑。保存。

请参考源文件并点击此处下载源文件。

注——导入mp3音乐时，有时flash会提示导入不成功。这个问题很常见，我们将在下面的Flash mv章节中详细介绍解决方法。

用来制作发音按钮的音效应该是一个简短的声音文件。

在制作发音按钮的时候，尽量把音效和文字放在不同的图层，这样我们就可以编辑修改了。

乔——除了在“指针传递”帧中放置音效，我们还可以在其他帧中放置音效，制作方法同上例。

试试——的朋友，试着做一个发音按钮。

解析——在制作这个例子的过程中，音效、文字、矩形放在不同的图层中。原因是我们修改的时候很方便。因为无论按钮编辑区用了多少层，我们只在主场景中导入一个按钮元素，对整个动画没有任何改变。

特殊说明

在本节中，我们学习了如何制作声音按钮以及如何嵌套电影剪辑。另一个重要的知识是导入外部声音文件。导入外部声音文件与导入图片相同。至于导入中的错误，我们将在以后的研究中详细描述。

相关问题

如何制作可以变色的按钮？

首先考虑按钮的四帧是四个动作。我们可以通过改变每一帧中按钮的颜色来达到效果。创建一个新的按钮元素，用矩形工具在第一帧中绘制一个蓝色的矩形，在第二帧中插入一个关键帧，用填充工具将保留的颜色转换为红色。

按照此方法在第三帧中填充绿色，如图2.1.50所示。

图2.1.50更改每个框架的颜色

然后回到场景1进行测试。我们可以看到按钮在场景中是蓝色的，鼠标放在按钮上是红色的，鼠标按下时是绿色的，从而通过三镇的不同颜色来实现按钮动作的颜色变化。因为第四帧是反射区，舞台上看不到，所以不需要设置在这个帧里。

以上步骤和方法边肖真诚希望能解决你的问题。

本文到此结束，希望对大家有所帮助。