鸿蒙笔记--触摸事件

2024-08-24 17:36
文章标签 笔记 事件 触摸 鸿蒙

本文主要是介绍鸿蒙笔记--触摸事件,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

       这一节主要了解一下Ark UI中的触摸事件,涉及responseRegion函数,它继承自 CommonMethod , CommonMethod 中定义的属性样式属于公共样式,responseRegion主要用于设定组件的触摸区域(比如扩大按钮的热区点击)。当触摸点落在设定的区域内时,会触发相应的事件。使用responseRegion函数可以定义一个或多个矩形区域,这些区域可以是组件的全部或部分区域。

  1 设定触摸区域:通过responseRegion函数,可以设置组件的额外触摸区域。当触摸点坐标落在这些区域内时,事件会派发到当前组件上。2 参数说明:该函数接收一个Rectangle对象或Rectangle对象数组作为参数。每个Rectangle包含x、y、width和height属性。x和y定义了触摸区域相对于组件左上角的起始坐标,width和height定义了触摸区域的大小。3 百分比表示:x和y的值可以是百分比形式的字符串,如"50%"表示位置是组件宽度或高度的一半。width和height也可以是百分比表示,这决定了触摸区域的尺寸。4 应用实例:在组件的构建方法中,可以通过链式调用responseRegion来设置触摸区域。例如,在一个按钮组件上设定特定的触摸反馈区域。5 支持的组件:该方法适用于支持通用点击事件、通用触摸事件及通用手势处理的组件。

栗子:

 @Entry @Component struct Test {@State message: string = 'testResponseRegion'build() {Column({ space: 10 }) {Text(this.message).fontSize(20).size({width: 200, height: 60}).backgroundColor(Color.Yellow).onClick(() => {this.message += "1:" + "Test 1";})Text(this.message).fontSize(20).size({width: 200, height: 60}).backgroundColor(Color.Yellow).responseRegion({ // 设置触摸区域x: 0,           // 起点和自身顶点一致y: 0,           // 起点和自身顶点一致width: 250,     // 设置触摸区域的宽度height: 100     // 设置触摸区域的高度}).onClick(() => {this.message += "2:" + "Test 2";})Text("清除数据").fontSize(20).size({width: 200, height: 60}).backgroundColor(Color.Yellow).touchable(true)// false 设置不可以触摸  true: 可触摸.onClick(() => {this.message = "";console.log(" 组件可触摸...");})Text("组件响应").fontSize(20).size({width: 200, height: 60}).backgroundColor(Color.Pink).enabled(false) // false:组件不可用,不可以响应点击  true:则可以相应点击.onClick(() => {console.log(" 组件响应...");})}.width('100%').height("100%").padding(10)}
}

这篇关于鸿蒙笔记--触摸事件的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1103145

相关文章

禁止平板,iPad长按弹出默认菜单事件

通过监控按下抬起时间差来禁止弹出事件,把以下代码写在要禁止的页面的页面加载事件里面即可     var date;document.addEventListener('touchstart', event => {date = new Date().getTime();});document.addEventListener('touchend', event => {if (new

OpenHarmony鸿蒙开发( Beta5.0)无感配网详解

1、简介 无感配网是指在设备联网过程中无需输入热点相关账号信息,即可快速实现设备配网,是一种兼顾高效性、可靠性和安全性的配网方式。 2、配网原理 2.1 通信原理 手机和智能设备之间的信息传递,利用特有的NAN协议实现。利用手机和智能设备之间的WiFi 感知订阅、发布能力,实现了数字管家应用和设备之间的发现。在完成设备间的认证和响应后,即可发送相关配网数据。同时还支持与常规Sof

【学习笔记】 陈强-机器学习-Python-Ch15 人工神经网络(1)sklearn

系列文章目录 监督学习:参数方法 【学习笔记】 陈强-机器学习-Python-Ch4 线性回归 【学习笔记】 陈强-机器学习-Python-Ch5 逻辑回归 【课后题练习】 陈强-机器学习-Python-Ch5 逻辑回归(SAheart.csv) 【学习笔记】 陈强-机器学习-Python-Ch6 多项逻辑回归 【学习笔记 及 课后题练习】 陈强-机器学习-Python-Ch7 判别分析 【学

系统架构师考试学习笔记第三篇——架构设计高级知识(20)通信系统架构设计理论与实践

本章知识考点:         第20课时主要学习通信系统架构设计的理论和工作中的实践。根据新版考试大纲,本课时知识点会涉及案例分析题(25分),而在历年考试中,案例题对该部分内容的考查并不多,虽在综合知识选择题目中经常考查,但分值也不高。本课时内容侧重于对知识点的记忆和理解,按照以往的出题规律,通信系统架构设计基础知识点多来源于教材内的基础网络设备、网络架构和教材外最新时事热点技术。本课时知识

论文阅读笔记: Segment Anything

文章目录 Segment Anything摘要引言任务模型数据引擎数据集负责任的人工智能 Segment Anything Model图像编码器提示编码器mask解码器解决歧义损失和训练 Segment Anything 论文地址: https://arxiv.org/abs/2304.02643 代码地址:https://github.com/facebookresear

数学建模笔记—— 非线性规划

数学建模笔记—— 非线性规划 非线性规划1. 模型原理1.1 非线性规划的标准型1.2 非线性规划求解的Matlab函数 2. 典型例题3. matlab代码求解3.1 例1 一个简单示例3.2 例2 选址问题1. 第一问 线性规划2. 第二问 非线性规划 非线性规划 非线性规划是一种求解目标函数或约束条件中有一个或几个非线性函数的最优化问题的方法。运筹学的一个重要分支。2

【C++学习笔记 20】C++中的智能指针

智能指针的功能 在上一篇笔记提到了在栈和堆上创建变量的区别,使用new关键字创建变量时,需要搭配delete关键字销毁变量。而智能指针的作用就是调用new分配内存时,不必自己去调用delete,甚至不用调用new。 智能指针实际上就是对原始指针的包装。 unique_ptr 最简单的智能指针,是一种作用域指针,意思是当指针超出该作用域时,会自动调用delete。它名为unique的原因是这个

查看提交历史 —— Git 学习笔记 11

查看提交历史 查看提交历史 不带任何选项的git log-p选项--stat 选项--pretty=oneline选项--pretty=format选项git log常用选项列表参考资料 在提交了若干更新,又或者克隆了某个项目之后,你也许想回顾下提交历史。 完成这个任务最简单而又有效的 工具是 git log 命令。 接下来的例子会用一个用于演示的 simplegit

记录每次更新到仓库 —— Git 学习笔记 10

记录每次更新到仓库 文章目录 文件的状态三个区域检查当前文件状态跟踪新文件取消跟踪(un-tracking)文件重新跟踪(re-tracking)文件暂存已修改文件忽略某些文件查看已暂存和未暂存的修改提交更新跳过暂存区删除文件移动文件参考资料 咱们接着很多天以前的 取得Git仓库 这篇文章继续说。 文件的状态 不管是通过哪种方法,现在我们已经有了一个仓库,并从这个仓

忽略某些文件 —— Git 学习笔记 05

忽略某些文件 忽略某些文件 通过.gitignore文件其他规则源如何选择规则源参考资料 对于某些文件,我们不希望把它们纳入 Git 的管理,也不希望它们总出现在未跟踪文件列表。通常它们都是些自动生成的文件,比如日志文件、编译过程中创建的临时文件等。 通过.gitignore文件 假设我们要忽略 lib.a 文件,那我们可以在 lib.a 所在目录下创建一个名为 .gi