|
五：Aw6声音文件wav播放和停止在界面上只出现一个控制按钮
有的多媒体界面上有很多的按钮比如：上一页、下一页、最后一页、首页、退出、返回首页，声音播放，声音停止等，显得页面上很乱。
因此在声音设计时，我们可以尽量减少按钮的个数，使的界面清晰。
现在我们要实现的功能是：声音正在播放，按一下声音按钮，按钮变化成另外一个按钮，声音停止；再按一下新的按钮，声音又重新播放，界面上出现原来的按钮图标。在四的基础上修改步骤如下：
1． 在交互按钮声音控制上面插入一个图标声音动画.gif。
（运动的），（这样在开始的界面上就有一个声音动画，表示界面上有声音）
图14
2． 交互控制的响应标签改为热区，下面的计算图标改为群组图标。见图14中的1区
3．先来看看控制关闭群组图标的内容：见图14中的2区
①擦除图标：擦除原来界面上的声音动画.gif；
②放上静止的音乐.jpg,把它放入控制关闭热区内（在设计状态下才能看到，操作Ctrl＋P）
点击此音乐.jpg图片，执行下面的计算图标③；
③停止正在播放的声音wav歌曲
所以图14的2区是一个静止的图片，没有声音，点击图片跳转到图14的3区，播放声音wav。
4再来看看图14中的3区控制开关群组图标的内容
①擦除图标：擦除2区的静止的音乐.jpg；
②运动的动画gif和主流程线上的动画gif是同一个动画；
把它放入控制开关热区内
③播放声音wav；
所以图14的3区是一个运动的图片，正在播放声音wav，点击运动图片跳转到图14的2区，停止播放声音wav。
5.运行一下，看看效果：如图15
|