知方号

知方号

HarmonyOS(鸿蒙)<华为更改桌面滑动效果>

HarmonyOS(鸿蒙)

一、简述

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

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

按下操作,并且不松开 移动操作,移动过程中不松开 抬起操作,移动结束后松开

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

二、滑动事件实现 2.1 布局开发

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

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

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 事件的类型,上面有说到三种按下、滑动、抬起,其实有

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至lizi9903@foxmail.com举报,一经查实,本站将立刻删除。