2.3.2 按下效果PRIMARY_POINT_DOWN

2.3.3 滑动效果POINT_MOVE

2.3.4 抬起效果PRIMARY_POINT_UP


一、简述

====

滑动事件有多个步骤组成,它不是一个简单的事件,它需要多个动作来共同完成,滑动根据方向不同分为向上滑动、向下滑动、向左滑动和向右滑动。在现如今移动互联网和短视频等行业的迅猛发展,滑动事件大家都非常的熟悉,尤其是抖音、快手这些快餐式的娱乐小视频,一滑就停不下来。

滑动事件基本上包含如下三个动作:

  1. 按下操作,并且不松开

  2. 移动操作,移动过程中不松开

  3. 抬起操作,移动结束后松开

向下滑动.png

滑动事件我们一般是针对整个屏幕的滑动,因此在这里我们给Ability最外层的布局DirectionalLayout设置滑动事件。

二、滑动事件实现

========

2.1 布局开发


直接创建一个项目,使用默认的ability_main.xml布局即可,初始内容包含一个Text组件,其内容如下:

<?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”>

<Text

ohos:id=“$+id:text_helloworld”

ohos:height=“match_content”

ohos:width=“match_content”

ohos:background_element=“$graphic:background_ability_main”

ohos:layout_alignment=“horizontal_center”

ohos:text=“$string:mainability_HelloWorld”

ohos:text_size=“40vp”

/>

由于我们需要给最外层的布局DirectionalLayout添加滑动事件,因此我们先给这个DirectionalLayout添加一个id标志,等会通过id来找到DirectionalLayout,注意DirectionalLayout最外层的布局它也是一个组件Component,添加的id为ohos:id=“$+id:dl”

<?xml version="1.0" encoding="utf-8"?>

<DirectionalLayout

ohos:id=“$+id:dl”

xmlns:ohos=“http://schemas.huawei.com/res/ohos”

ohos:height=“match_parent”

ohos:width=“match_parent”

ohos:alignment=“center”

ohos:orientation=“vertical”>

<Text

ohos:id=“$+id:text_helloworld”

ohos:height=“match_content”

ohos:width=“match_content”

ohos:background_element=“$graphic:background_ability_main”

ohos:layout_alignment=“horizontal_center”

ohos:text=“$string:mainability_HelloWorld”

ohos:text_size=“40vp”

/>

2.2 事件开发


2.2.1 通过id寻找组件对象

我们在MainAbilitySlice子页面的onStart方法中,添加通过ID定位组件对象的代码逻辑,如下:

// 通过id寻找组件对象

// 1、找到布局对象

DirectionalLayout layout = (DirectionalLayout) this.findComponentById(ResourceTable.Id_dl);

// 2、找到文本对象

Text text = (Text) this.findComponentById(ResourceTable.Id_text_helloworld);

2.2.2 给DirectionalLayout布局添加滑动事件

我们给DirectionalLayout布局添加滑动事件,直接使用本类实现Component.TouchEventListener接口,重写onTouchEvent方法来实现,关于事件实现有四种方式,如有需要可以查看我的《鸿蒙开发》专栏,实现Component.TouchEventListener接口,重写onTouchEvent方法后,当滑动事件被触发时,就会调用onTouchEvent方法,我们直接在onTouchEvent方法实现滑动事件触发后的相关业务逻辑即可,修改后的代码如下:

package com.liziba.demo.slice;

import com.liziba.demo.ResourceTable;

import ohos.aafwk.ability.AbilitySlice;

import ohos.aafwk.content.Intent;

import ohos.agp.components.Component;

import ohos.agp.components.DirectionalLayout;

import ohos.agp.components.Text;

import ohos.multimodalinput.event.TouchEvent;

public class MainAbilitySlice extends AbilitySlice implements Component.TouchEventListener {

@Override

public void onStart(Intent intent) {

super.onStart(intent);

super.setUIContent(ResourceTable.Layout_ability_main);

// 通过id寻找组件对象

// 1、找到布局对象

DirectionalLayout layout = (DirectionalLayout) this.findComponentById(ResourceTable.Id_dl);

// 2、找到文本对象

Text text = (Text) this.findComponentById(ResourceTable.Id_text_helloworld);

// 3、给整个布局DirectionalLayout添加滑动事件

layout.setTouchEventListener(this);

}

@Override

public void onActive() {

super.onActive();

}

@Override

public void onForeground(Intent intent) {

super.onForeground(intent);

}

/**

* 滑动事件触发后调用的方法

* @param component     滑动事件触发的组件 – 这里是DirectionalLayout

* @param touchEvent    事件的类型,上面有说到三种按下、滑动、抬起,其实有更多

* @return

*/

@Override

public boolean onTouchEvent(Component component, TouchEvent touchEvent) {

// 此处写滑动事件的相关逻辑

return false;

}

}

2.2.3 滑动事件onTouchEvent方法具体实现

当滑动事件被触发时,会调用onTouchEvent方法,这里我们通过修改文本组件Text的值来展示滑动事件的效果,

onTouchEvent(Component component, TouchEvent touchEvent)方法的两个参数传递分别代表:

  • Component component -> 滑动的组件对象

  • TouchEvent touchEvent -> 触发的事件对象

TouchEvent 中包含事件的动作,我们通过TouchEvent .getAction();即可获取事件动作的类型,在TouchEvent 中定义类非常多的事件类型,这里会展示三种POINT_MOVE、PRIMARY_POINT_DOWN、PRIMARY_POINT_UP

package com.liziba.demo.slice;

import com.liziba.demo.ResourceTable;

import ohos.aafwk.ability.AbilitySlice;

import ohos.aafwk.content.Intent;

import ohos.agp.components.Component;

import ohos.agp.components.DirectionalLayout;

import ohos.agp.components.Text;

import ohos.multimodalinput.event.TouchEvent;

public class MainAbilitySlice extends AbilitySlice implements Component.TouchEventListener {

/** 文本组件 */

Text text;

/** 记录方法触发的次数 */

private int count_down = 0;

private int count_up = 0;

private int count_move = 0;

@Override

public void onStart(Intent intent) {

super.onStart(intent);

super.setUIContent(ResourceTable.Layout_ability_main);

// 通过id寻找组件对象

// 1、找到布局对象

DirectionalLayout layout = (DirectionalLayout) this.findComponentById(ResourceTable.Id_dl);

// 2、找到文本对象

text = (Text) this.findComponentById(ResourceTable.Id_text_helloworld);

// 3、给整个布局DirectionalLayout添加滑动事件

layout.setTouchEventListener(this);

}

@Override

public void onActive() {

super.onActive();

}

@Override

public void onForeground(Intent intent) {
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

最后

我一直以来都有整理练习大厂面试题的习惯,有随时跳出舒服圈的准备,也许求职者已经很满意现在的工作,薪酬,觉得习惯而且安逸。

不过如果公司突然倒闭,或者部门被裁减,还能找到这样或者更好的工作吗?

我建议各位,多刷刷面试题,知道最新的技术,每三个月可以去面试一两家公司,因为你已经有不错的工作了,所以可以带着轻松的心态去面试,同时也可以增加面试的经验。

我可以将最近整理的一线互联网公司面试真题+解析分享给大家,大概花了三个月的时间整理2246页,帮助大家学习进步。

由于篇幅限制,文档的详解资料太全面,细节内容太多,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!以下是部分内容截图:

部分目录截图

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

闭,或者部门被裁减,还能找到这样或者更好的工作吗?

我建议各位,多刷刷面试题,知道最新的技术,每三个月可以去面试一两家公司,因为你已经有不错的工作了,所以可以带着轻松的心态去面试,同时也可以增加面试的经验。

我可以将最近整理的一线互联网公司面试真题+解析分享给大家,大概花了三个月的时间整理2246页,帮助大家学习进步。

由于篇幅限制,文档的详解资料太全面,细节内容太多,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!以下是部分内容截图:

[外链图片转存中…(img-XJGKpyWz-1713375464994)]

[外链图片转存中…(img-G2ka8NwF-1713375464995)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐