手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

微信H5页面交互手指触发如何做

时间:2024-10-14 08:03:26

1、首先进入工具,打开舞台界面

微信H5页面交互手指触发如何做

2、在舞台上给手印做一个扫描的动画,如下图所示:

微信H5页面交互手指触发如何做

3、新建一个按图层,命名为”按钮“,在仅仗焕卒舞台上画一个矩形,这个矩形的大小能把图层0上的图形遮挡住即可,如下图所示:

微信H5页面交互手指触发如何做

4、把新画的矩形透明度设置为0,如下图所示:

微信H5页面交互手指触发如何做

5、选中按钮层的第1帧,在属性面板上把动作设置为【行为】,点击【编辑】,展开编辑行为对话框,展开播放控制选择【跳转并播放】,把事件设置为【手指按下】;(注释:为什么要在舞台上画一个透骈跪爸锂明的矩形,而不直接使用图片呢?因为长时间按住手机里的图片就会弹出“保存图片”选项),如下图所示:

微信H5页面交互手指触发如何做

6、点击【编辑】,把帧号设置为2,点击确认,如下图所示:

微信H5页面交互手指触发如何做

7、在播放控制里点击【跳转并停止】,事件设置为【手指抬起】,如下图所示:

微信H5页面交互手指触发如何做

8、点击跳转并停止的【编辑】,把帧号设置为1,点击【确认】,如下图所示:

微信H5页面交互手指触发如何做

9、再添加暂停,把事件设置为【出现】,如下图所示:

微信H5页面交互手指触发如何做

10、预览动画,用鼠标按住图形,又快速的抬起鼠标测试,大功告成,如下图所示:

微信H5页面交互手指触发如何做

11、再点击生成就可以了

© 手抄报圈