首页 > 电脑专区 > 电脑教程 >

百度智能小程序手势交互详解

来源:互联网 2023-02-20 23:45:16 257

百度小程序刚刚上线不久,相信不少开发者都在跃跃欲试。今天来给大家讲解一个很基本的交互:手势与触碰,这个是开发小程序一定会遇到的一个问题。参考价值还是蛮大的,希望各位小伙伴可以有所收获~。5BG办公区 - 实用经验教程分享!

工具/原料

  • 手机
  • iOS操作系统
  • 小程序开发工具

触摸事件

  • 1

    触摸事件,是指当用户对手机屏幕进行滑动、接触等操作时,会触发的事件。总的来说,有以下几类:5BG办公区 - 实用经验教程分享!

    百度智能小程序手势交互详解5BG办公区 - 实用经验教程分享!

  • 2

    每个对象,包含的属性如图。正确地使用这些属性,可以对用户的操作进行跟踪。5BG办公区 - 实用经验教程分享!

    百度智能小程序手势交互详解5BG办公区 - 实用经验教程分享!

  • 2该信息未经许可获取自百度经验
  • 手势事件

  • 1

    iOS 2.0还引入了一组手势事件,手势就是两只手指同时触屏的交互事件。手势通常会改变显示项的大小,或者旋转显示项。5BG办公区 - 实用经验教程分享!

    百度智能小程序手势交互详解5BG办公区 - 实用经验教程分享!

  • 2

    与触摸事件一样,每个手势事件的 event 对象都包含着标准的鼠标事件属性: bubbles 、cancelable 、 view 、 clientX 、 clientY 、 screenX 、 screenY 、 detail 、 altKey 、 shiftKey 、ctrlKey 和 metaKey 。5BG办公区 - 实用经验教程分享!

    此外,还包含两个额外的属性:5BG办公区 - 实用经验教程分享!

    rotation:表示旋转角度的变化,负值表示逆时针,正值表示顺时针。5BG办公区 - 实用经验教程分享!

    scale:表示手指间距离的变化情况,这个值随距离拉大而增长,随距离缩短而减小。5BG办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!5BG办公区 - 实用经验教程分享!


    标签: 操作系统小程序程序手势交互

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码