二合一按钮的制作

2016-01-29 14:32 17 1 收藏

二合一按钮的制作,二合一按钮的制作

【 tulaoshi.com - Flash 】

  现实生活中我们注意到一些软件的按钮可以是两种状态,如:Windows Media Player的播放和暂停按钮就是二合一的,在播放时按钮显示为暂停,在暂停时显示为播放,这类按钮我们称之为“二合一按钮”,那么在中如何制作出二合一按钮呢?如何进行交互呢?下面笔者为大家细细道来。

  一、思路简析
  把两个按钮放置在一个影片的两个帧,通过语句实现按钮的相互切换,按钮的交互性功能也是通过在按钮上加语句来实现的。

  二、实例精通
  下面我们来制作一个“二合一”按钮来控制一个影片对象的播放与暂停。
  1. 打开Flash,分别按Ctrl+F8创建两个按钮;新建一个名为“按钮集”的影片,按F6键插入关键帧;按Ctrl+L打开Library库,然后将刚才制作的按钮分别放置在第1帧和第2帧的舞台中,单击下方的Properties(属性)按钮,在按钮的坐标中输入位置值,让两个按钮在舞台中的位置完全相同,这样在切换时不会出现偏移。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

  2. 将两个按钮的Instance Name(实例名)分别设置为“播放”和“暂停”;然后为按钮所在的两个帧都加上如下语句:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

  stop();
  播放.onRelease=function(){
  _root.影片.play();
  gotoAndstop(2);
  }
  暂停.onRelease=function(){
  _root.影片.stop();
  gotoAndstop(1);
  }//影片是后面主场景的舞台中所放置影片的实例名。

  3.单击“Scene 1”回到主场景中,在场景中放置一个影片(MovieClip),然后将其Instance Name设置为“影片”;将“按钮集”影片也拖放到舞台上,此时按Ctrl+Enter键观看效果;当影片播放时,按下“暂停”按钮,影片播放,按钮自动切换到“播放”状态。稍稍修改本程序,还可以制作“三合一”按钮、“四合一”按钮等。

来源:http://www.tulaoshi.com/n/20160129/1493582.html

延伸阅读
标签: PS PS基础
先看效果图 新建文档200x50像素,背景填充深灰色。建新层,前景色#9a2941画一个圆角矩形。 添加图层样式。 然后建新层,画下图所示蓝色形状,效果如下, 单列选框工具点一下,填充白色,复制2个,图层模式叠加,添加蒙版去除多余部分。 输入白色文字,添加黑色1像素描边样式,具体不截图了,很容易。 建新层...
PS快速制作一款华丽的按钮 先来看看最终效果图: Tulaoshi.Com 具体制作步骤: 一、运行PS软件,新建一文档,输入文档名称,尺寸自定义,白色背景。 二、新建一层,选择椭圆工具,同时按 Shift键拉一个白色圆形,并为其添加图层样式。首先添加渐变叠加--混合模式为正常--不透明度为100%--样式为线性,打开编辑器编辑渐...
      我也不知道这算不算XP风格,反正是大家很常见很流行的,今天在经典帮别人回复了源文件,干脆凑篇教程上来。基本上没什么难度,算是新手入门吧。     我们使用 4制作这样的效果,Fwmx只要在工具与属性面板中找到相应参数设置就行了。     1、新建画布,大小100×100,背景为白...
标签: PS PS基础 PS效果
网页设计中按钮的制作非常重要,精致的按钮会给网页增色不少。下面的教程介绍一款非常不错的按钮的制作方法。制作过程比较简单:先用图形工具制作出按钮的形状,然后加上一些简单的图像样式做底色。然后再加上高光及文字等即可完成效果。 最终效果 1、打开photoshop,然后新建一个文档250*150,并填充背影:#252a38。 2...
标签: PS PS基础
让我们一起来看看这个教程吧 Step 1 我们将首先在Photoshop创建一个新文档。 让我们有1024 × 768px Step 2 为了填补你的背景,选择渐变工具(G)的渐变编辑器打开了,并输入您的颜色值按下面的图像 Step 3 让我们创造了我们的按钮的机构。 使用圆角矩形工具(U),现在只是创造了约320 × 95px,对5px半径和填充任何颜色(它的矩...

经验教程

136

收藏

77
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部