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

2025-04-17 11:41:36

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:避免长按手机时弹出保存图片提示,可以添加层或透明按钮,挡住背景图片。重点事件:触发对象:透明按钮触发条件:手指按下目标对象:时间轴目标动作:继续播放触发对象:透明按钮触发条件:手指离开目标对象:时间轴目标动作:暂停

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢