HarmonyOS实战—滑动事件的三个动作
【摘要】 HarmonyOS实战—滑动事件的三个动作
1. 滑动事件的三个动作
- 接口名:
TouchEventListener
- 滑动事件里面分为三个动作:按下不松,移动,抬起。
PRIMARY_POINT_DOWN:按下不松。
POINT_MOVE:移动。
PRIMARY_POINT_UP:抬起。
- 方法返回值:
true 表示继续执行后面的动作。
false 表示不会继续执行后面的动作。
-
涉及到如下三个动作,根据用户按下位置和松下位置,就可以辨别用户是上、下、左、或右滑动。
-
如:可以辨别出用户是向右滑动(简称:右滑)
-
如:可以辨别出用户是向下滑动(简称:下滑)
2. 实现案例:按下、移动或松开都要修改文本的内容
- 因为要在整个屏幕上滑动,所以要给最外面的布局
DirectionalLayout
设置滑动事件,加个id
- 按下、移动或抬起都要修改文本的内容
- 新建项目:ListenerApplication4
- 代码实现
ability_main
- 采用默认生成的Text文本内容,在此基础上给
DirectionalLayout
布局和Text
组件分别加上id
<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
ohos:id="$+id:dl"
xmlns:ohos="http://schemas.huawei.cn/res/ohos"
ohos:height="match_parent"
ohos:width="match_parent"
ohos:alignment="center"
ohos:orientation="vertical">
<Text
ohos:id="$+id:text1"
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>
MainAbilitySlice
- 采用当前类作为实现类接口的方式编写
package com.xdr630.listenerapplication.slice;
import com.xdr630.listenerapplication.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 text1 = null;
@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_ability_main);
//1.先找到整个布局对象
DirectionalLayout dl = (DirectionalLayout) findComponentById(ResourceTable.Id_dl);
text1 = (Text) findComponentById(ResourceTable.Id_text1);
//2.给整个布局添加滑动事件
//当我们在整个布局滑动的时候,就会调用本类中的onTouchEvent方法
//在按下 移动、松开的过程,代码会不断去调用本类中的 onTouchEvent方法
dl.setTouchEventListener(this);
}
@Override
public void onActive() {
super.onActive();
}
@Override
public void onForeground(Intent intent) {
super.onForeground(intent);
}
@Override
public boolean onTouchEvent(Component component, TouchEvent touchEvent) {
//参数1:component表示滑动的组件(布局也是一种组件,所以也可以用component表示布局对象)
//实际上此时代表的就是DirectionalLayout布局对象,这个布局是铺满整个屏幕的
//参数2:touchEvent表示动作对象(按下、滑动、抬起)
//获取当前手指对屏幕进行操作(按下、滑动、抬起)
int action = touchEvent.getAction();
// 1:表示按下操作
// 2:表示松开操作
// 3. 表示滑动/移动操作
if (action == TouchEvent.PRIMARY_POINT_DOWN){
//只要写按下时需要运行的代码即可
text1.setText("按下");
}else if (action == TouchEvent.POINT_MOVE){
//移动或滑动
text1.setText("移动");
}else if (action == TouchEvent.PRIMARY_POINT_UP){
//松开或抬起
text1.setText("松开");
}
return true;
}
}
- 运行:
- 按下:
- 移动:
- 松开:
3. 按下、滑动、松开 参数说明
- 可以看到
1、2、3
数字分别表示PRIMARY_POINT_DOWN(按下)、PRIMARY_POINT_UP(松开)、POINT_MOVE(移动)
,所以上面代码的参数也可以直接用数字代替,但为了更直观表达,建议使用参数,一目了然。 - 如:使用数字表示
if (action == 1){
//只要写按下时需要运行的代码即可
text1.setText("按下");
}else if (action == 3){
//移动或滑动
text1.setText("移动");
}else if (action == 2){
//松开或抬起
text1.setText("松开");
}
4. 验证 按下、 移动、松开的过程,代码会不断去调用本类中的 onTouchEvent方法
-
在上述代码的基础上,定义成员变量计数器
int count = 0
-
onTouchEvent方法被调用一次,就给加上一次
-
把
count
放在每次操作的后面
-
当按下时,是第一次调用,
count
应该为1
-
移动的时候随着鼠标不断移动,也就会不断地调用
onTouchEvent
方法,count
就会递增
-
当松开后,也会调用一次,
count
在前面数值的基础上加1
-
所以,经过验证:
在 按下 、移动、松开的过程,代码会不断去调用本类中的 onTouchEvent方法。
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)