:wordpress网站如何播放自己的视频,能源建设网站,在公司平台做网站竞拍,搭建网站实时访问地图拖动手势事件#xff0c;当滑动的最小距离超过设定的最小值时触发拖动手势事件。 说明#xff1a; 从API Version 7开始支持。后续版本如有新增内容#xff0c;则采用上角标单独标记该内容的起始版本。 接口
PanGesture(value?: { fingers?: number; direction?: PanDir…拖动手势事件当滑动的最小距离超过设定的最小值时触发拖动手势事件。 说明 从API Version 7开始支持。后续版本如有新增内容则采用上角标单独标记该内容的起始版本。 接口
PanGesture(value?: { fingers?: number; direction?: PanDirection; distance?: number } | PanGestureOptions)
参数
参数名称参数类型必填参数描述fingersnumber否用于指定触发拖动的最少手指数最小为1指 最大取值为10指。 默认值1 取值范围[1,10]说明 当设置的值小于1或不设置时会被转化为默认值。directionPanDirection否用于指定触发拖动的手势方向此枚举值支持逻辑与()和逻辑或|运算。 默认值PanDirection.Alldistancenumber否用于指定触发拖动手势事件的最小拖动距离单位为vp。 默认值5说明Tabs组件滑动与该拖动手势事件同时存在时可将distance值设为1使拖动更灵敏避免造成事件错乱。 当设定的值小于等于0时按默认值5处理。
PanDirection枚举说明
名称描述All所有方向。Horizontal水平方向。Vertical竖直方向。Left向左拖动。Right向右拖动。Up向上拖动。Down向下拖动。None任何方向都不可触发拖动手势事件。
PanGestureOptions
通过PanGestureOptions对象接口可以动态修改滑动手势识别器的属性从而避免通过状态变量修改属性状态变量修改会导致UI刷新。
PanGestureOptions(value?: { fingers?: number; direction?: PanDirection; distance?: number })
参数
参数名称参数类型必填参数描述fingersnumber否用于指定触发滑动的最少手指数最小为1指 最大取值为10指。 默认值1directionPanDirection否用于指定设置滑动方向此枚举值支持逻辑与()和逻辑或|运算。 默认值PanDirection.Alldistancenumber否用于指定触发拖动手势事件的最小拖动距离单位为vp。 默认值5说明Tabs组件滑动与该拖动手势事件同时存在时可将distance值设为1使拖动更灵敏避免造成事件错乱。 当设定的值小于等于0时按默认值5处理。
接口
名称功能描述setDirection(value: PanDirection)设置direction属性。setDistance(value: number)设置distance属性。setFingers(value: number)设置fingers属性。
事件
名称功能描述onActionStart(event: (event?: GestureEvent) void)Pan手势识别成功回调。onActionUpdate(event: (event?: GestureEvent) void)Pan手势移动过程中回调。 fingerList为多根手指时该回调监听每次只会更新一根手指的位置信息。onActionEnd(event: (event?: GestureEvent) void)Pan手势识别成功手指抬起后触发回调。onActionCancel(event: () void)Pan手势识别成功接收到触摸取消事件触发回调。说明 在窗口失焦的时候会触发。
属性
名称类型描述tag11string设置Pan手势标志用于自定义手势判定时区分绑定的手势。
示例
// xxx.ets
Entry
Component
struct PanGestureExample {State offsetX: number 0State offsetY: number 0State positionX: number 0State positionY: number 0private panOption: PanGestureOptions new PanGestureOptions({ direction: PanDirection.Left | PanDirection.Right })build() {Column() {Column() {Text(PanGesture offset:\nX: this.offsetX \n Y: this.offsetY)}.height(200).width(300).padding(20).border({ width: 3 }).margin(50).translate({ x: this.offsetX, y: this.offsetY, z: 0 }) // 以组件左上角为坐标原点进行移动// 左右拖动触发该手势事件.gesture(PanGesture(this.panOption).onActionStart((event?: GestureEvent) {console.info(Pan start)}).onActionUpdate((event?: GestureEvent) {if (event) {this.offsetX this.positionX event.offsetXthis.offsetY this.positionY event.offsetY}}).onActionEnd(() {this.positionX this.offsetXthis.positionY this.offsetYconsole.info(Pan end)}))Button(修改PanGesture触发条件).onClick(() {// 将PanGesture手势事件触发条件改为双指以任意方向拖动this.panOption.setDirection(PanDirection.All)this.panOption.setFingers(2)})}}
}
示意图
向左拖动 点击按钮修改PanGesture触发条件双指向左下方拖动 最后有很多小伙伴不知道学习哪些鸿蒙开发技术不知道需要重点掌握哪些鸿蒙应用开发知识点而且学习时频繁踩坑最终浪费大量时间。所以有一份实用的鸿蒙Harmony NEXT资料用来跟着学习是非常有必要的。
这份鸿蒙Harmony NEXT资料包含了鸿蒙开发必掌握的核心知识要点内容包含了ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等鸿蒙Harmony NEXT技术知识点。
希望这一份鸿蒙学习资料能够给大家带来帮助有需要的小伙伴自行领取限时开源先到先得~无套路领取 获取这份完整版高清学习路线请点击→纯血版全套鸿蒙HarmonyOS学习资料
鸿蒙Harmony NEXT最新学习路线 HarmonOS基础技能 HarmonOS就业必备技能 HarmonOS多媒体技术 鸿蒙NaPi组件进阶 HarmonOS高级技能 初识HarmonOS内核 实战就业级设备开发 有了路线图怎么能没有学习资料呢小编也准备了一份联合鸿蒙官方发布笔记整理收纳的一套系统性的鸿蒙OpenHarmony 学习手册共计1236页与鸿蒙OpenHarmony 开发入门教学视频内容包含ArkTS、ArkUI、Web开发、应用模型、资源分类…等知识点。
获取以上完整版高清学习路线请点击→纯血版全套鸿蒙HarmonyOS学习资料
《鸿蒙 (OpenHarmony)开发入门教学视频》 《鸿蒙生态应用开发V2.0白皮书》 《鸿蒙 (OpenHarmony)开发基础到实战手册》
OpenHarmony北向、南向开发环境搭建 《鸿蒙开发基础》
ArkTS语言安装DevEco Studio运用你的第一个ArkTS应用ArkUI声明式UI开发.…… 《鸿蒙开发进阶》
Stage模型入门网络管理数据管理电话服务分布式应用开发通知与窗口管理多媒体技术安全技能任务管理WebGL国际化开发应用测试DFX面向未来设计鸿蒙系统移植和裁剪定制…… 《鸿蒙进阶实战》
ArkTS实践UIAbility应用网络案例…… 获取以上完整鸿蒙HarmonyOS学习资料请点击→纯血版全套鸿蒙HarmonyOS学习资料
总结
总的来说华为鸿蒙不再兼容安卓对中年程序员来说是一个挑战也是一个机会。只有积极应对变化不断学习和提升自己他们才能在这个变革的时代中立于不败之地。
