iH5高级教程:H5交互进阶,长按解锁效果
1、选中舞台,点击图片工具,在舞台上画一个框,添加背景图片。
选中舞台,点击时间轴工具,添加时间轴。自动播放为NO,总时长6秒,循环播放为YES。
选中时间轴,点击图片工具,添加蜜蜂图片。
选中图片,点击轨迹,点击时间轴窗口的ADD添加关键帧,设置关键帧使蜜蜂来回飞。





2、选中舞台,点击矩形工具,在舞台上画一个框,制作黄色按钮。
选中矩形,点击透明按钮工具,在黄色按钮处画一个框,添加透明按钮。
选中矩形,点击中文字体,在舞台上画一个框,在编辑框里填写按下让蜜蜂飞。
选中透明按钮,点击事件工具,添加2个事件。手指按下,时间轴继续播放,手指离开,时间轴暂停。





3、先行知识:时间轴、透明按钮
重点控件:时间轴、透明按钮、事件、继续播放
TIPS:避免长按手机时弹出保存图片提示,可以添加层或透明按钮,挡住背景图片。
重点事件:
触发对象:透明按钮
触发条件:手指按下
目标对象:时间轴
目标动作:继续播放
触发对象:透明按钮
触发条件:手指离开
目标对象:时间轴
目标动作:暂停
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:156
阅读量:135
阅读量:72
阅读量:60
阅读量:176