ih5怎么切换下一个页面_ih5快速入门（二）

快速入门第二章，使用一个简单案例来帮助大家，第一章所介绍的都会涉及到

大家先浏览一下案例

首先我们先看首页是如何做的，在这里会运用到动效

事件

同时也会在这里告诉大家音乐如何放进去，以及点击左上角可以使音乐暂停，再次点击可以使音乐再次播放

1)首页一开始就会有各个素材弹出来，这是用动效做出来的

把各个素材拉入舞台，摆放好，然后点击你要编辑的素材，然后在左上角的动效里面找到你喜欢的动效，然后点击选择

2)音乐效果

1.事先准备好一首歌，直接拉进舞台，然后那首歌就会出现在对象书舞台下方

2.此时在舞台上添加一个音乐按钮(可以使用软件自带的按钮，也可以自行设计)

要先点击舞台，然后鼠标移动到小模块才会出现下拉菜单，在下拉菜单中找到“音乐控制”，在里面选择你喜欢的图案

要选择两个图案，可以是两个不一样的，也可以是两个一样的，此时可以查看对象树，给两个按钮进行命名

在这里我的命名是“音乐控制停”“音乐控制开”，并为这两个按钮添加事件

此时大家可以看到我的“音乐控制停”是显示的，“音乐控制开”是关闭的

这里我要表达的意思是

一开始的画面出现的是名为“音乐控制停”的按钮

当我们点击时名为“音乐控制停”的按钮的时候，“音乐控制停”隐藏而“音乐控制开”显示，同时歌曲的播放暂停

当点击“音乐控制开”的时候，歌曲开始播放，而“音乐控制开”按钮隐藏，“音乐控制停”按钮显示

下面我们来给两个按钮添加事件

2.1 隐藏“音乐控制开”

2.2 为两个按钮添加事件

下面说下页面跳转，这个在第一章“IH5快速入门(一)”里面有讲到

为“开始答题”这一素材添加事件跳转到第二页

首页介绍完毕

接下来后面的几个页面的跳转，主要用到的是“透明按钮”

后面的页面其实全是一张张的大图，只不过在选择项上覆盖一个个透明按钮

大家在图上可以看到我在页面里有一个“层”，“层”下面才是各种按钮，在这里说下，这个“层”并不是一定要有的，这只是一点个人习惯

点击页面二——透明按钮(然后鼠标会变成一个“+”)——框选你要选择的范围

为各个按钮添加事件，跳转到下一页

之后的几个页面也是用这种方法来跳转的

现在讲讲最后一个页面，整个页面在舞台上是这样的

他是通过点击来显示出现的内容，比如在这里我设定了只有点击A/B时才会出现这些文字，当点击D/C时又会出现另一段文字

首先是把这个页面的文字全部隐藏，然后在上一个页面的ABCD按钮上添加相应的事件

文字1、文字2,一开始就全部隐藏

使用事件来激活文字1或文字2

点击“分享给朋友”会出现的页面也是跟这个方法相似

这页面怎么做的呢？接下来讲讲

1.我在这个页面建立了一个容器，然后在容器里添加素材

跟大家讲下我首先在页面画了一个矩形框，颜色灰色，大小跟舞台一样大，透明度为50%

怎么调透明度呢，在属性面板里面调

都弄好之后，将这个容器隐藏，然后为这个矩形框添加事件

当点击这个矩形的时候，整个容器隐藏

好了，这次案例的教程完结了，有什么问题在下方留言