HarmonyOS实战—单击事件的四种写法

简介: HarmonyOS实战—单击事件的四种写法

单击事件的四种写法

在这里插入图片描述

1. 自己编写实现类

  • 编写实现类(MyListener)去实现 Component.ClickedListener 接口
  • 在类里面重新下 onClick 方法,把点击代码实现的操作就写在 onClick 方法当中
  • 实现代码:

在这里插入图片描述

  • 创建项目名为:ListenerApplication

在这里插入图片描述

ability_main.xml

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:alignment="center"
    ohos:orientation="vertical">

    <Button
        ohos:id="$+id:but1"
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:text="点我"
        ohos:text_size="200"
        ohos:background_element="red">
    </Button>

</DirectionalLayout>

MainAbilitySlice

package com.example.listenerapplication.slice;

import com.example.listenerapplication.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Button;
import ohos.agp.components.Component;

public class MainAbilitySlice extends AbilitySlice {
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_main);

        //1.找到按钮
        //完整写法:this.findComponentById(ResourceTable.Id_but1);
        //this:本类的对象,指:MainAbilitySlice(子界面对象)
        // 在子界面当中,通过 id 找到对应的组件
        // 用this去调用方法,this可以省略不写
        //findComponentById(ResourceTable.Id_but1);
        //返回一个组件对象(所以组件的父类对象)
        //那么我们在实际写代码的时候,需要向下转型:强转
        Component but1 = (Button) findComponentById(ResourceTable.Id_but1);

        //2.给按钮绑定单击事件,当点击后,就会执行 MyListener 中的方法,点一次执行一次
        // 而方法就是下面点击的内容
        but1.setClickedListener(new MyListener());

    }

    @Override
    public void onActive() {
        super.onActive();
    }

    @Override
    public void onForeground(Intent intent) {
        super.onForeground(intent);
    }
}

class MyListener implements Component.ClickedListener{

    @Override
    public void onClick(Component component) {
        //Component:所有组件的父类
        //component参数: 被点击的组件对象,在这里就表示按你的对象
        //component.setText(); setText是子类特有的方法,需要向下转型:强转
        Button but = (Button) component;
        but.setText("被点了");
    }
}
  • 运行:

在这里插入图片描述

  • 点击后:

在这里插入图片描述

2. 当前类实现接口

  • ability_main.xml 中把ohos:text_size="50",其他跟上面一样不变
  • MainAbilitySlice 中只需把上面新建的类 MyListener 给去掉,然后 AbilitySlice 实现 ClickedListener 接口类中的 onClick 方法,给本类的 but1按钮直接绑定单价事件
package com.example.listenerapplication.slice;

import com.example.listenerapplication.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Button;
import ohos.agp.components.Component;

public class MainAbilitySlice extends AbilitySlice implements Component.ClickedListener {
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_main);

        //1.找到按钮
        //完整写法:this.findComponentById(ResourceTable.Id_but1);
        //this:本类的对象,指:MainAbilitySlice(子界面对象)
        // 在子界面当中,通过 id 找到对应的组件
        // 用this去调用方法,this可以省略不写
        //findComponentById(ResourceTable.Id_but1);
        //返回一个组件对象(所以组件的父类对象)
        //那么我们在实际写代码的时候,需要向下转型:强转
        Component but1 = (Button) findComponentById(ResourceTable.Id_but1);

        //2.给but1绑定单击事件,当事件被触发后,就会执行本类中的onClick方法,this就代表本类
        but1.setClickedListener(this);
    }

    @Override
    public void onActive() {
        super.onActive();
    }

    @Override
    public void onForeground(Intent intent) {
        super.onForeground(intent);
    }

    @Override
    public void onClick(Component component) {
        Button but = (Button) component;
        but.setText("被点了——单击事件的第二种写法");
    }
}
  • 运行:

在这里插入图片描述

  • 点击后:

在这里插入图片描述

3. 自己编写实现类 和 当前类实现接口 的区别

  • 如果添加在按钮上面添加一个Text文本内容,当按钮点击后就会修改文本框的内容
  • 改动第一个案例中的代码:添加Text文本框

在这里插入图片描述
在这里插入图片描述

  • 上面的 onStart 方法中 text1 是局部变量,如果用第一种方法(自己编写实现类)来写, MyListener 不能调用到 text1 变量

在这里插入图片描述

  • 如果使用第二种方法(当前类实现接口),就要把 text1 提到成员变量,再把设置点击后的内容添加到 onClick 方法中

在这里插入图片描述

  • 如果在点击按钮之后,需要操作其他的组件对象,那么就可以使用第二种方式(当前类实现接口)。
  • 如果在点击按钮之后,不需要操作其他的组件对象,就可以使用第一种方式(自己编写实现类)。

4. 匿名内部类

  • 采用匿名内部类就不需要实现 implement ClickedListener 接口,也不需要再新建一个类了
  • 但使用匿名内部类的代码只能使用一次。当使用代码需要用一次的时候,可以采用匿名内部类的形式来简化代码
  • 直接 new ClickedListener 就能实现了,然后把第一种实现方式(自己编写实现类)中的 onClick 拿过来或第二种方式(当前类实现接口)实现的 onClick 方法拿过来就行了(其实这两者的onClick方法的内容是一样的),如下:
but1.setClickedListener(new Component.ClickedListener() {
    @Override
    public void onClick(Component component) {
        Button but = (Button) component;
        but.setText("被点了——单击事件的第三种写法");
        text1.setText("被点击了");
    }
});
  • 运行:

在这里插入图片描述

  • 当被点击后,触发了 onClick 方法中两个设置文本的方法(ButtonText文本都发生了变化)

在这里插入图片描述

5. 方法引用

  • 这个方法的形参和方法的返回值类型需要跟接口里的抽象方法里的形参和返回值类型要保持一致
  • 代码实现,布局代码不变跟匿名内部类的一致,改动如下:
  • 直接编写 onClick 方法,不带 @Override ,然后在 onStart 方法中直接调用即可
package com.example.listenerapplication.slice;

import com.example.listenerapplication.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 text1 = null;
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_main);

        Component but1 = (Button) findComponentById(ResourceTable.Id_but1);

        text1 = (Text) findComponentById(ResourceTable.Id_text1);

        but1.setClickedListener(this::onClick);
    }

    @Override
    public void onActive() {
        super.onActive();
    }

    @Override
    public void onForeground(Intent intent) {
        super.onForeground(intent);
    }


    public void onClick(Component component) {
        Button but = (Button) component;
        but.setText("被点了——单击事件的第四种写法");
        text1.setText("被点击了");
    }
}

在这里插入图片描述

  • 当按钮被点击后,就要执行this本类中的onClick方法,相当于把下面的public void onClick...方法拿过来,引用了一下,当做抽象方法的方法体。
  • 运行:

在这里插入图片描述
在这里插入图片描述

6. 小节

  • 当前类作为实现类方法引用是比较常用的。其他的写法也要掌握了解即可。
目录
相关文章
|
16天前
|
存储 调度 数据安全/隐私保护
鸿蒙Flutter实战:13-鸿蒙应用打包上架流程
鸿蒙应用打包上架流程包括创建应用、打包签名和上传应用。首先,在AppGallery Connect中创建项目、APP ID和元服务。接着,使用Deveco进行手动签名,生成.p12和.csr文件,并在AppGallery Connect中上传CSR文件获取证书。最后,配置签名并打包生成.app文件,上传至应用市场。常见问题包括检查签名配置文件是否正确。参考资料:[应用/服务签名](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-signing-V5)。
45 3
鸿蒙Flutter实战:13-鸿蒙应用打包上架流程
|
16天前
|
开发工具 芯片 开发者
鸿蒙Flutter实战:12-使用模拟器开发调试
本文介绍了如何在 M 系列芯片的 Mac 电脑上使用模拟器进行鸿蒙 Flutter 开发和调试。主要内容包括:创建 Flutter 项目、签名、创建模拟器、运行 Flutter 项目以及常见问题的解决方法。适用于希望在鸿蒙系统上开发 Flutter 应用的开发者。
35 2
鸿蒙Flutter实战:12-使用模拟器开发调试
|
13天前
|
监控 UED 开发者
鸿蒙next版开发:订阅应用事件(ArkTS)
在HarmonyOS 5.0中,ArkTS引入了强大的应用事件订阅机制,允许开发者订阅和处理系统或应用级别的事件,这对于监控应用行为、优化用户体验和进行性能分析至关重要。本文详细介绍了如何在ArkTS中订阅应用事件,并提供了示例代码,包括导入模块、创建观察者、设置事件参数等步骤。通过这些方法,开发者可以更智能地管理和响应应用事件。
66 11
|
12天前
|
监控 开发者 UED
鸿蒙5.0版开发:订阅卡死事件(ArkTS)
在HarmonyOS 5.0中,开发者可以通过ArkTS订阅应用的卡死事件,以便在应用卡死时进行处理。本文详细介绍如何在ArkTS中订阅卡死事件,并提供示例代码。通过导入hiAppEvent和hilog模块,设置自定义参数,添加事件观察者,开发者可以监控应用稳定性并在问题发生时快速定位原因。示例代码展示了如何创建按钮订阅卡死事件,并在事件发生时通过回调函数处理和记录日志。
38 5
|
12天前
|
监控 开发者 UED
鸿蒙5.0版开发:订阅资源泄漏事件(ArkTS)
在HarmonyOS 5.0中,资源泄漏是常见问题,尤其在多线程和复杂应用逻辑下。ArkTS提供了hiAppEvent模块来订阅和处理资源泄漏事件,帮助开发者监控和优化应用性能。本文详细介绍了如何在ArkTS中订阅资源泄漏事件,并提供了示例代码。通过导入hiAppEvent和hilog模块,添加事件观察者并实现回调函数,可以在资源泄漏事件发生时进行自定义处理,如记录日志、发送通知或执行资源清理操作。
46 4
|
21天前
|
UED
<大厂实战经验> Flutter&鸿蒙next 中使用 initState 和 mounted 处理异步请求的详细解析
在 Flutter 开发中,处理异步请求是常见需求。本文详细介绍了如何在 `initState` 中触发异步请求,并使用 `mounted` 属性确保在适当时机更新 UI。通过示例代码,展示了如何安全地进行异步操作和处理异常,避免在组件卸载后更新 UI 的问题。希望本文能帮助你更好地理解和应用 Flutter 中的异步处理。
62 3
|
21天前
|
JavaScript API 开发工具
<大厂实战场景> ~ Flutter&鸿蒙next 解析后端返回的 HTML 数据详解
本文介绍了如何在 Flutter 中解析后端返回的 HTML 数据。首先解释了 HTML 解析的概念,然后详细介绍了使用 `http` 和 `html` 库的步骤,包括添加依赖、获取 HTML 数据、解析 HTML 内容和在 Flutter UI 中显示解析结果。通过具体的代码示例,展示了如何从 URL 获取 HTML 并提取特定信息,如链接列表。希望本文能帮助你在 Flutter 应用中更好地处理 HTML 数据。
102 1
|
20天前
|
移动开发 资源调度 IDE
鸿蒙Taro实战:01-搭建开发环境
本文介绍了如何使用 Taro 4.x 框架搭建鸿蒙应用开发环境。主要内容包括:下载并配置 DevEco IDE,创建鸿蒙项目,安装 Taro 4.x,初始化 Taro 项目,配置鸿蒙插件和编译配置,修改 `package.json`,运行 Taro 和鸿蒙项目。通过本文,读者可以快速上手鸿蒙应用开发。
|
21天前
|
JSON Dart 数据格式
<大厂实战场景> ~ flutter&鸿蒙next处理后端返回来的数据的转义问题
在 Flutter 应用开发中,处理后端返回的数据是常见任务,尤其涉及转义字符时。本文详细探讨了如何使用 Dart 的 `dart:convert` 库解析包含转义字符的 JSON 数据,并提供了示例代码和常见问题的解决方案,帮助开发者有效处理数据转义问题。
116 0
|
容器
HarmonyOS的组件、布局和事件三者的关系
HarmonyOS的组件、布局和事件三者的关系
156 0
HarmonyOS的组件、布局和事件三者的关系

相关课程

更多
下一篇
无影云桌面