❤️HarmonyOS(鸿蒙)❤️——双击事件
目录
一、简介
1.1 什么是组件
1.2 什么是事件
1.3 什么是双击事件
1.4 实现步骤
二、案例
2.1 创建项目
2.2 定义组件
2.3 定义的组件绑定单击事件
2.4 实现.r接口并重写方法
2.5 实现方法中的具体逻辑,以此完成点击事件的相关业务操作
三、测试
3.1 登录远程模拟器
3.2 运行项目
四、(鸿蒙)全面学习-精选好文汇总
一、简介 1.1 什么是组件
组件就是文本、按钮、图片等元素的统称
1.2 什么是事件
事件就是可以被组件识别的操作,常见的事件有单击、双击、长按和滑动等。
1.3 什么是双击事件
双击事件就是我们对屏幕连续点击两次,比如刷抖音双击屏幕的点赞等……
1.4 实现步骤
实现(鸿蒙)的双击事件主要分为四个步骤:
定义组件,给组件分配唯一ID,之后通过ID定位组件给定义的组件绑定双击事件实现r接口并重写方法实现方法中的具体逻辑,以此完成点击事件的相关业务操作 二、案例 2.1 创建项目
File -> New -> New
选择Empty (Java),单击Next;
填写项目相关配置信息,点击Next;
项目创建完成后的效果如下
2.2 定义组件
这一步会定义一个按钮(按钮也是一个组件)和一个文本组件,并且给按钮和文本组件分配唯一ID,之后通过ID定位按钮和文本组件,然后我们会通过双击事件改变文本框中的内容。在这里可能需要首先了解一下相关技术,这样可以更好的了解框架以及页面之间的包含关系,如果有完全不了解的可以查阅这篇文章,做个简单入门《(鸿蒙)—— 与页面》。
找到.java文件,然后按住ctrl键+点击.,进入.xml文件
也可以直接定位.xml文件
组件代码开发,首先编写.xml文件内容
2.3 定义的组件绑定单击事件
(**int **resID)方法返回的是,是中所有组件的父类。我们首先找到.java文件,在方法中进行事件的绑定。
2.4 实现.r接口并重写方法
关于这一步的写法一共有四种,大家可以根据自己的需求去进行选择,我这里选用的是方法引用的方式,我觉得这样比较简洁,又能使用到类的成员变量。四种写法的详细介绍文章地址如下:
❤️(鸿蒙)❤️——单击事件的四种写法详述
2.5 实现方法中的具体逻辑,以此完成点击事件的相关业务操作
在方法中,处理具体点击操作的逻辑,这里通过双击按钮修改文本组件中的文字来实现。2.3-2.5步骤的代码比较简单,全在下面。
package com.liziba.demo.slice;import com.liziba.demo.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Button;
import ohos.agp.components.Component;
import ohos.agp.components.Text;public class MainAbilitySlice extends AbilitySlice{/** 提取Text组件为成员变量,后续方法需要使用 */Text text = null;@Overridepublic void onStart(Intent intent) {super.onStart(intent);super.setUIContent(ResourceTable.Layout_ability_main);// 1、找到组件// button - 按钮组件Button button = (Button) this.findComponentById(ResourceTable.Id_button);// 文本组件text = (Text) this.findComponentById(ResourceTable.Id_text);// 2、绑定双击事件(给需要点击的组件添加双击事件)button.setDoubleClickedListener(this::onDoubleClick);}@Overridepublic void onActive() {super.onActive();}@Overridepublic void onForeground(Intent intent) {super.onForeground(intent);}public void onDoubleClick(Component component) {// component表示的是被双击的组件对象int id = component.getId();if (ResourceTable.Id_button == id) {text.setText("大家好,我是李子捌!");}}
}
三、测试 3.1 登录远程模拟器
点击Tools ->
点击Login进行登录
登录华为账户,点击允许,如果没有注册账户的,请先注册一个华为账户
选择P40作为远程模拟器
启动成功后会看到如下调试手机界面
3.2 运行项目
点击右上角的三角形直接运行,或者点击甲壳虫进入调试模式
运行效果,双击前
双击前后
四、(鸿蒙)全面学习-精选好文汇总
(鸿蒙) 开发环境搭建
(鸿蒙)开发一文入门
两个案例五分钟轻松入门(鸿蒙)开发
与的全面对比
(鸿蒙)全网最全资源汇总,吐血整理,赶紧收藏!
(鸿蒙)—— 与页面
(鸿蒙)——.json详解
(鸿蒙)——启动流程
(鸿蒙)——全面入门,始于而不止于
(鸿蒙)——单击事件
❤️(鸿蒙)❤️——单击事件的四种写法详述