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

 时间:2026-04-30 15:15:19

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 详细使用教程
  • 热门搜索
    去哪旅游网 江苏苏州旅游景点大全 中信旅游总公司 北京凯撒旅游官网 云南香格里拉旅游景点 深圳文体旅游局官网 三亚旅游攻略自助游 麦积山旅游攻略 连云港旅游政务网 长春大学旅游