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

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

[[414826]]

想了解更多内容,请访问:

51CTO和华为官方合作共建的鸿蒙技术社区

https://harmonyos.51cto.com

单击事件的四种写法  

1. 自己编写实现类

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

  • 创建项目名为:ListenerApplication

ability_main.xml

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <DirectionalLayout 
  3.     xmlns:ohos="http://schemas.huawei.com/res/ohos" 
  4.     ohos:height="match_parent" 
  5.     ohos:width="match_parent" 
  6.     ohos:alignment="center" 
  7.     ohos:orientation="vertical"
  8.  
  9.     <Button 
  10.         ohos:id="$+id:but1" 
  11.         ohos:height="match_content" 
  12.         ohos:width="match_content" 
  13.         ohos:text="点我" 
  14.         ohos:text_size="200" 
  15.         ohos:background_element="red"
  16.     </Button> 
  17.  
  18. </DirectionalLayout> 

 MainAbilitySlice

  1. package com.example.listenerapplication.slice; 
  2.  
  3. import com.example.listenerapplication.ResourceTable; 
  4. import ohos.aafwk.ability.AbilitySlice; 
  5. import ohos.aafwk.content.Intent; 
  6. import ohos.agp.components.Button; 
  7. import ohos.agp.components.Component; 
  8.  
  9. public class MainAbilitySlice extends AbilitySlice { 
  10.     @Override 
  11.     public void onStart(Intent intent) { 
  12.         super.onStart(intent); 
  13.         super.setUIContent(ResourceTable.Layout_ability_main); 
  14.  
  15.         //1.找到按钮 
  16.         //完整写法:this.findComponentById(ResourceTable.Id_but1); 
  17.         //this:本类的对象,指:MainAbilitySlice(子界面对象) 
  18.         // 在子界面当中,通过 id 找到对应的组件 
  19.         // 用this去调用方法,this可以省略不写 
  20.         //findComponentById(ResourceTable.Id_but1); 
  21.         //返回一个组件对象(所以组件的父类对象) 
  22.         //那么我们在实际写代码的时候,需要向下转型:强转 
  23.         Component but1 = (Button) findComponentById(ResourceTable.Id_but1); 
  24.  
  25.         //2.给按钮绑定单击事件,当点击后,就会执行 MyListener 中的方法,点一次执行一次 
  26.         // 而方法就是下面点击的内容 
  27.         but1.setClickedListener(new MyListener()); 
  28.  
  29.     } 
  30.  
  31.     @Override 
  32.     public void onActive() { 
  33.         super.onActive(); 
  34.     } 
  35.  
  36.     @Override 
  37.     public void onForeground(Intent intent) { 
  38.         super.onForeground(intent); 
  39.     } 
  40.  
  41. class MyListener implements Component.ClickedListener{ 
  42.  
  43.     @Override 
  44.     public void onClick(Component component) { 
  45.         //Component:所有组件的父类 
  46.         //component参数: 被点击的组件对象,在这里就表示按你的对象 
  47.         //component.setText(); setText是子类特有的方法,需要向下转型:强转 
  48.         Button but = (Button) component; 
  49.         but.setText("被点了"); 
  50.     } 

制运行:

  • 点击后:

2. 当前类实现接口

  • ability_main.xml 中把ohos:text_size="50",其他跟上面一样不变
  • MainAbilitySlice 中只需把上面新建的类 MyListener 给去掉,然后 AbilitySlice 实现 ClickedListener 接口类中的 onClick 方法,给本类的 but1按钮直接绑定单价事件
  1. package com.example.listenerapplication.slice; 
  2.  
  3. import com.example.listenerapplication.ResourceTable; 
  4. import ohos.aafwk.ability.AbilitySlice; 
  5. import ohos.aafwk.content.Intent; 
  6. import ohos.agp.components.Button; 
  7. import ohos.agp.components.Component; 
  8.  
  9. public class MainAbilitySlice extends AbilitySlice implements Component.ClickedListener { 
  10.     @Override 
  11.     public void onStart(Intent intent) { 
  12.         super.onStart(intent); 
  13.         super.setUIContent(ResourceTable.Layout_ability_main); 
  14.  
  15.         //1.找到按钮 
  16.         //完整写法:this.findComponentById(ResourceTable.Id_but1); 
  17.         //this:本类的对象,指:MainAbilitySlice(子界面对象) 
  18.         // 在子界面当中,通过 id 找到对应的组件 
  19.         // 用this去调用方法,this可以省略不写 
  20.         //findComponentById(ResourceTable.Id_but1); 
  21.         //返回一个组件对象(所以组件的父类对象) 
  22.         //那么我们在实际写代码的时候,需要向下转型:强转 
  23.         Component but1 = (Button) findComponentById(ResourceTable.Id_but1); 
  24.  
  25.         //2.给but1绑定单击事件,当事件被触发后,就会执行本类中的onClick方法,this就代表本类 
  26.         but1.setClickedListener(this); 
  27.     } 
  28.  
  29.     @Override 
  30.     public void onActive() { 
  31.         super.onActive(); 
  32.     } 
  33.  
  34.     @Override 
  35.     public void onForeground(Intent intent) { 
  36.         super.onForeground(intent); 
  37.     } 
  38.  
  39.     @Override 
  40.     public void onClick(Component component) { 
  41.         Button but = (Button) component; 
  42.         but.setText("被点了——单击事件的第二种写法"); 
  43.     } 
  • 运行:

  • 点击后:

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

如果添加在按钮上面添加一个Text文本内容,当按钮点击后就会修改文本框的内容

改动第一个案例中的代码:添加Text文本框

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

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

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

4. 匿名内部类

采用匿名内部类就不需要实现 implement ClickedListener 接口,也不需要再新建一个类了

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

 运行:

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

5. 方法引用

  • 这个方法的形参和方法的返回值类型需要跟接口里的抽象方法里的形参和返回值类型要保持一致
  • 代码实现,布局代码不变跟匿名内部类的一致,改动如下:
  • 直接编写 onClick 方法,不带 @Override ,然后在 onStart 方法中直接调用即可
  1. package com.example.listenerapplication.slice; 
  2.  
  3. import com.example.listenerapplication.ResourceTable; 
  4. import ohos.aafwk.ability.AbilitySlice; 
  5. import ohos.aafwk.content.Intent; 
  6. import ohos.agp.components.Button; 
  7. import ohos.agp.components.Component; 
  8. import ohos.agp.components.Text; 
  9.  
  10. public class MainAbilitySlice extends AbilitySlice { 
  11.     Text text1 = null
  12.     @Override 
  13.     public void onStart(Intent intent) { 
  14.         super.onStart(intent); 
  15.         super.setUIContent(ResourceTable.Layout_ability_main); 
  16.  
  17.         Component but1 = (Button) findComponentById(ResourceTable.Id_but1); 
  18.  
  19.         text1 = (Text) findComponentById(ResourceTable.Id_text1); 
  20.  
  21.         but1.setClickedListener(this::onClick); 
  22.     } 
  23.  
  24.     @Override 
  25.     public void onActive() { 
  26.         super.onActive(); 
  27.     } 
  28.  
  29.     @Override 
  30.     public void onForeground(Intent intent) { 
  31.         super.onForeground(intent); 
  32.     } 
  33.  
  34.  
  35.     public void onClick(Component component) { 
  36.         Button but = (Button) component; 
  37.         but.setText("被点了——单击事件的第四种写法"); 
  38.         text1.setText("被点击了"); 
  39.     } 

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

6. 小节

当前类作为实现类和方法引用是比较常用的。其他的写法也要掌握了解即可。

想了解更多内容,请访问:

51CTO和华为官方合作共建的鸿蒙技术社区

https://harmonyos.51cto.com

 

责任编辑:jianghua 来源: 鸿蒙社区
相关推荐

2022-06-10 08:01:17

ReduxReact

2022-03-22 08:59:32

勒索软件网络安全网络攻击

2012-09-11 09:55:26

编程HTML5编程能力

2019-10-24 07:42:28

Java引用GC

2017-07-06 15:40:19

DevOps核心能力

2011-03-16 09:05:53

NATiptables

2011-11-24 16:34:39

Java

2021-10-24 08:37:18

网络监控网络架构网络

2021-06-04 10:45:31

软件架构分布式

2022-03-25 14:47:24

Javascript数据类型开发

2011-06-01 17:35:35

Android Activity

2021-08-11 20:17:22

推荐算法系统

2010-08-19 11:16:30

虚拟化

2020-06-24 07:49:13

Kubernetes场景网络

2022-09-26 09:53:18

开发缓存

2010-07-28 13:54:42

Flex数据绑定

2022-07-04 12:07:57

智慧城市智能建筑物联网

2023-05-22 08:03:28

JavaScrip枚举定义

2021-08-24 08:01:15

死锁工具多线编程

2013-12-01 15:34:25

点赞
收藏

51CTO技术栈公众号