html 手指状态,HTML5技术教程 手指按下和手指抬起触发事件

手指按下和手指抬起:模拟手指按下或抬起触发的事件,手指按下或抬起后,就可以触发某个操作。如下图所示:

4d8ae3230862e813500f571511452d36.png

实例讲解:如何支持手指按下和手指抬起触发的行为事件

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

eac8f1cf4cb3861f74bcf6b086917dd8.png

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

135dfb92b75aa5b9c18b88b752d930e1.png

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

4d6f327bc62c285dea574851f3382540.png

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

ac67b10cf2ac2233423c837201552b4e.png

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

f3292c176c4eacbdfff3ca86a47f1554.png

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

c0e568513296a5897491af5f53548f05.png

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

b8719006594dafd1a6de679cbe04c57f.png

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

82708d3826b7f8d1484160d69f96287c.png

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

d9e46b07f710061547425592f0d04cb7.png

//soft.zol.com.cn/553/5536549.html

soft.zol.com.cn

true

中关村在线

//soft.zol.com.cn/553/5536549.html

report

1037

手指按下和手指抬起:模拟手指按下或抬起触发的事件,手指按下或抬起后,就可以触发某个操作。如下图所示:实例讲解:如何支持手指按下和手指抬起触发的行为事件1、  在舞台上给手印做一个扫描的动画,如下图所示:2、  新建一个按图层,命名为”按...

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值