多语言展示
当前在线:500今日阅读:23今日分享:31

iH5中级教程:微场景H5必备,掌握轻触效果

轻触是与点击和手指按下有点类似的一个动作。而轻触、手指按下和点击在实际上用起来,在手机端上其实也就是同一个功能,那就是“用手指点”。但事实上他们之间是有区别的。
工具/原料

iH5

方法/步骤
1

预先准备。1.先制作了一个滑动时间轴,选中舞台,点击滑动时间轴工具,在舞台上画一个框,选中滑动时间轴,点击图片工具,添加一个图片。 2.为图片添加轨迹和关键帧。选中图片,点击轨迹工具,添加轨迹后,点击ADD添加一个原位置的关键帧。3.在时间轴窗口的第一个框输入下一个时间点的数字,点回车,再将图片适当移动后添加第二个关键帧。

2

利用手指按下的动作制作点击图片震动的效果1.选中图片,选中图片,点击事件工具,添加一个事件,触发条件为手指按下,目标对象为舞台,目标动作为全屏震动,时间设置3秒。2.进行演示测试。演示时会发现:当我们点瓶子进行滑动是不能滑动的,而且舞台会震动。如果需要使这个瓶子移动,那么只能在滑动时间轴的滑动框内进行滑动,不能选中瓶子进行滑动。

3

利用轻触的动作制作点击图片震动的效果 1.将图片下的事件的触发条件更改为轻触。 2.进行演示测试。演示时会发现:现在我们可以移动瓶子去让瓶子移动了。当瓶子移动结束时,我们再来点瓶子,舞台震动了。使用轻触会使点瓶子后舞台震动的动作不会妨碍滑动时间轴的滑动动作。 3.“轻触”和滑动时间轴的播放的触发,相互不会受影响。

4

解释点击和手指按下的区别。 1.如果是本示例案例,在第二步中选择手指按下和点击,效果都是一样的。因为手指按下和点击的效果比较类似。 2.“点击”动作更加适配与PC(电脑)端的作品,而手指按下的动作更加适配与手机端的作品。 3.手指按下还可以用来制作录音,使手指按下时微信开始录音,手指离开停止录音。手指按下可以配合手指离开完美使用。而个功能,点击动作是不能实现的。

5

1.如果在同一个页面内,有多个点击的动作,建议相同动作的都改为同一个触发条件。例如:均改为点击、手指按下或轻触。如果同一个页面里,不同的对象既有点击又有手指按下,那么有可能会导致手机观看案例时点击的动作失效。 2.使用微信录音和需要与手指离开配合动作的只能使用手指按下,这种情况下,建议在该页面里都改为手指按下的动作,如果有本案例中演示的滑动时间轴需要,可以使用手指按下和轻触。 3.滑动时间轴下的对象使用“手指按下”动作的事件会影响滑动时间轴的动作触发,而“轻触”和滑动时间轴的播放的触发,则相互不会受影响。

推荐信息