[文章]

#HarmonyOS征文#—HarmonyOS单击事件的四种写法

2021-7-27 11:27:51  328 鸿蒙系统 鸿蒙OS 鸿蒙学习 鸿蒙HarmonyOS HarmonyOS
分享
1
单击事件的四种写法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.     <Button
  9.         ohos:id="$+id:but1"
  10.         ohos:height="match_content"
  11.         ohos:width="match_content"
  12.         ohos:text="点我"
  13.         ohos:text_size="200"
  14.         ohos:background_element="red">
  15.     </Button>

  16. </DirectionalLayout>
复制代码

MainAbilitySlice
  1. package com.example.listenerapplication.slice;

  2. import com.example.listenerapplication.ResourceTable;
  3. import ohos.aafwk.ability.AbilitySlice;
  4. import ohos.aafwk.content.Intent;
  5. import ohos.agp.components.Button;
  6. import ohos.agp.components.Component;

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

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

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

  24.     }

  25.     @Override
  26.     public void onActive() {
  27.         super.onActive();
  28.     }

  29.     @Override
  30.     public void onForeground(Intent intent) {
  31.         super.onForeground(intent);
  32.     }
  33. }

  34. class MyListener implements Component.ClickedListener{

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

复制代码

  • 运行:
  • 点击后:

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

  2. import com.example.listenerapplication.ResourceTable;
  3. import ohos.aafwk.ability.AbilitySlice;
  4. import ohos.aafwk.content.Intent;
  5. import ohos.agp.components.Button;
  6. import ohos.agp.components.Component;

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

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

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

  24.     @Override
  25.     public void onActive() {
  26.         super.onActive();
  27.     }

  28.     @Override
  29.     public void onForeground(Intent intent) {
  30.         super.onForeground(intent);
  31.     }

  32.     @Override
  33.     public void onClick(Component component) {
  34.         Button but = (Button) component;
  35.         but.setText("被点了——单击事件的第二种写法");
  36.     }
  37. }
复制代码

  • 运行:
  • 点击后:

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. import com.example.listenerapplication.ResourceTable;
  3. import ohos.aafwk.ability.AbilitySlice;
  4. import ohos.aafwk.content.Intent;
  5. import ohos.agp.components.Button;
  6. import ohos.agp.components.Component;
  7. import ohos.agp.components.Text;

  8. public class MainAbilitySlice extends AbilitySlice {
  9.     Text text1 = null;
  10.     @Override
  11.     public void onStart(Intent intent) {
  12.         super.onStart(intent);
  13.         super.setUIContent(ResourceTable.Layout_ability_main);

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

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

  16.         but1.setClickedListener(this::onClick);
  17.     }

  18.     @Override
  19.     public void onActive() {
  20.         super.onActive();
  21.     }

  22.     @Override
  23.     public void onForeground(Intent intent) {
  24.         super.onForeground(intent);
  25.     }


  26.     public void onClick(Component component) {
  27.         Button but = (Button) component;
  28.         but.setText("被点了——单击事件的第四种写法");
  29.         text1.setText("被点击了");
  30.     }
  31. }
复制代码


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



6. 小节
李志静 2021-7-28 13:50:57
非常不错的文章,我也是刚刚接触鸿蒙,跟着大佬学习了
1回复

举报

评论

您需要登录后才可以回帖 登录 | 注册

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容图片侵权或者其他问题,请联系本站作侵删。 侵权投诉
发文章
快速回复
扫一扫分享
返回顶部 返回列表