iH5高级教程:H5交互进阶,长按解锁效果

 时间:2026-02-12 09:16:00

1、选中舞台,点击图片工具,在舞台上画一个框,添加背景图片。

选中舞台,点击时间轴工具,添加时间轴。自动播放为NO,总时长6秒,循环播放为YES。

选中时间轴,点击图片工具,添加蜜蜂图片。

选中图片,点击轨迹,点击时间轴窗口的ADD添加关键帧,设置关键帧使蜜蜂来回飞。

iH5高级教程:H5交互进阶,长按解锁效果

iH5高级教程:H5交互进阶,长按解锁效果

iH5高级教程:H5交互进阶,长按解锁效果

iH5高级教程:H5交互进阶,长按解锁效果

iH5高级教程:H5交互进阶,长按解锁效果

2、选中舞台,点击矩形工具,在舞台上画一个框,制作黄色按钮。

选中矩形,点击透明按钮工具,在黄色按钮处画一个框,添加透明按钮。

选中矩形,点击中文字体,在舞台上画一个框,在编辑框里填写按下让蜜蜂飞。

选中透明按钮,点击事件工具,添加2个事件。手指按下,时间轴继续播放,手指离开,时间轴暂停。

iH5高级教程:H5交互进阶,长按解锁效果

iH5高级教程:H5交互进阶,长按解锁效果

iH5高级教程:H5交互进阶,长按解锁效果

iH5高级教程:H5交互进阶,长按解锁效果

iH5高级教程:H5交互进阶,长按解锁效果

3、先行知识:时间轴、透明按钮

重点控件:时间轴、透明按钮、事件、继续播放

TIPS:避免长按手机时弹出保存图片提示,可以添加层或透明按钮,挡住背景图片。

重点事件:

触发对象:透明按钮

触发条件:手指按下

目标对象:时间轴

目标动作:继续播放

触发对象:透明按钮

触发条件:手指离开

目标对象:时间轴

目标动作:暂停

  • iH5高级教程:H5交互菜单,下拉菜单特效
  • ih5怎样设置场景页面的大小
  • ih5怎样在场景中添加动态字幕
  • iH5怎么设置自动翻页
  • iH5 详细使用教程
  • 热门搜索
    二年级绿色环保手抄报 五四青年节手抄报内容 我的梦中国梦手抄报内容 我爱校园手抄报内容 好看的手抄报图片大全 我是文明小学生手抄报 关于春节的手抄报大全 有关科学的手抄报 洒扫应对手抄报 书香校园手抄报资料