2024年HarmonyOS（鸿蒙）——滑动事件之上(4)，2024年最新HarmonyOS鸿蒙中级面试题

于 2024-05-14 07:14:05 发布
阅读量671 收藏 29
点赞数 29
分类专栏： 程序员 文章标签： 鸿蒙 面试 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84850808/article/details/138834180
版权

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！


img
img

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

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化的资料的朋友，可以戳这里获取

/** 文本组件 */

Text text;

@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) {

super.onForeground(intent);

}

/**

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

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

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

*     public static final int CANCEL = 6;

*     public static final int HOVER_POINTER_ENTER = 7;

*     public static final int HOVER_POINTER_EXIT = 9;

*     public static final int HOVER_POINTER_MOVE = 8;

*     public static final int NONE = 0;

*     public static final int OTHER_POINT_DOWN = 4;

*     public static final int OTHER_POINT_UP = 5;

*     public static final int POINT_MOVE = 3;

*     public static final int PRIMARY_POINT_DOWN = 1;

*     public static final int PRIMARY_POINT_UP = 2;

* @return

*/

@Override

public boolean onTouchEvent(Component component, TouchEvent touchEvent) {

// 通过id比较可以验证component组件就是DirectionalLayout

MmiPoint pointerPosition;

float x;

float y;

int id = component.getId();

if (id == ResourceTable.Id_dl) {

// 操作类型

int action = touchEvent.getAction();

if (TouchEvent.PRIMARY_POINT_DOWN == action) {

// 按下操作

// getPointerPosition()方法的参数指的是手指的索引，可能存在多个手指同时滑动，比如小米手机三个手指头同时向下滑动截屏

// 目前这里只有一个手指头滑动，所以传入0

pointerPosition = touchEvent.getPointerPosition(0);

x = pointerPosition.getX();

y = pointerPosition.getY();

text.setText(“按下：”+ x + “–” + y);

} else if (TouchEvent.POINT_MOVE == action) {

// 滑动操作 过程我们不需要考虑，我们只确定按下时的位置和松开的位置进行比较

pointerPosition = touchEvent.getPointerPosition(0);

x = pointerPosition.getX();

y = pointerPosition.getY();

text.setText(“滑动：”+ x + “–” + y);

} else if (TouchEvent.PRIMARY_POINT_UP == action) {

// 松开操作

pointerPosition = touchEvent.getPointerPosition(0);

x = pointerPosition.getX();

y = pointerPosition.getY();

text.setText(“松开：” + x + “–” + y);

}

}

// 返回值需要修改为true

return true;

}

}

我们通过按下、滑动、松开来测试效果

image.png

image.png

image.png

2.2 判断滑动方向

此时我们在TouchEvent.PRIMARY_POINT_UP == action操作中去判断x和y的变化，我们需要定义四个变量来分别记录起始的x和y的值和结束的x和y的值。

float startX;float startY;float endX;float endY;

注意这里不能放到方法中，需要提取到类的成员变量。

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.MmiPoint;

import ohos.multimodalinput.event.TouchEvent;

public class MainAbilitySlice extends AbilitySlice implements Component.TouchEventListener {

/** 文本组件 */

Text text;

@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) {

super.onForeground(intent);

}

float startX;

float startY;

float endX;

float endY;

/**

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

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

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

* @return

*/

@Override

public boolean onTouchEvent(Component component, TouchEvent touchEvent) {

// 通过id比较可以验证component组件就是DirectionalLayout

MmiPoint pointerPosition;

int id = component.getId();

if (id == ResourceTable.Id_dl) {

// 操作类型

int action = touchEvent.getAction();

if (TouchEvent.PRIMARY_POINT_DOWN == action) {

// 按下操作

// getPointerPosition()方法的参数指的是手指的索引，可能存在多个手指同时滑动，比如小米手机三个手指头同时向下滑动截屏

// 目前这里只有一个手指头滑动，所以传入0

pointerPosition = touchEvent.getPointerPosition(0);

startX = pointerPosition.getX();

startY = pointerPosition.getY();

} else if (TouchEvent.POINT_MOVE == action) {

// 滑动操作 过程我们不需要考虑，我们只确定按下时的位置和松开的位置进行比较

//                pointerPosition = touchEvent.getPointerPosition(0);

//                x = pointerPosition.getX();

//                y = pointerPosition.getY();

//                text.setText(“滑动：”+ x + “–” + y);

} else if (TouchEvent.PRIMARY_POINT_UP == action) {

// 松开操作

img
img

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

if (TouchEvent.PRIMARY_POINT_UP == action) {

// 松开操作

[外链图片转存中…(img-0G5dcsZu-1715642023757)]
[外链图片转存中…(img-o2O3x7YQ-1715642023758)]

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

2401_84850808
关注
专栏目录
HarmonyOS（鸿蒙）——滑动事件之上、下、左、右滑动
2401_84408404的博客
05-04 888
考虑到文章的篇幅问题，我把这些问题和答案以及我多年面试所遇到的问题和一些面试资料做成了PDF文档《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门，即可获取！text.setText(“上滑”);text.setText(“下滑”);考虑到文章的篇幅问题，我把这些问题和答案以及我多年面试所遇到的问题和一些面试资料做成了PDF文档[外链图片转存中…(img-XbwNnSCm-1714753827614)]
HarmonyOS（鸿蒙）——滑动事件步骤之按下、滑动、抬起
Java框架、并发编程、分布式、微服务、Redis、HarmonyOS、中间件等技术
08-10 2034
本文已收录于专栏 ❤️《鸿蒙开发》❤️ 欢迎各位关注、三连博主的文章及专栏，每周定期更新1-5篇基础文章，共勉！ 目录 一、简述 二、滑动事件实现 2.1 布局开发 2.2 事件开发 2.2.1 通过id寻找组件对象 2.2.2 给DirectionalLayout布局添加滑动事件 2.2.3 滑动事件onTouchEvent方法具体实现 2.3 测试 2.3.1 初始效果 2.3.2 按下效果PRIMARY_POINT_DOWN 2.3.3 滑动效果POINT_MOVE 2.
手机滑动事件
weixin_33690367的博客
08-09 109
先设置body的ID，然后获取body var Div = document.getElementById("BODY"); //touchstart类似mousedown Div.ontouchstart = function(e){ 　　//事件的touches属性是一个数组，其中一个元素代表同一时刻的一个触控点，从而可以通过touches获取多点触控的每个触控...
原生js移动端滑动事件
a18838917968的博客
03-19 1585
移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart: //手指放到屏幕上时触发 touchmove: //手指在屏幕上滑动式触发 touc...
手机端滑动事件
weixin_30924087的博客
07-25 139
/*判断上下滑动：*/ $('body').bind('touchstart',function(e){ startX = e.originalEvent.changedTouches[0].pageX; startY = e.originalEvent.changedTouches[0].pageY; }); $("body").bind("touchmove",function(e)...
HarmonyOS（鸿蒙）——滑动事件步骤之按下、滑动，HarmonyOS鸿蒙界面开发语言
2301_79054873的博客
04-13 1071
/ 通过id寻找组件对象// 1、找到布局对象// 2、找到文本对象。
手机端滑动触摸事件
weixin_68353232的博客
02-10 175
手机端滑动触摸事件
手机端滑动事件监听
08-27
手机端滑动事件监听 简单的JS
Android开发：获取当前view的左右滑动事件
12-23
获取左右滑动事件，如果滑动的距离超过屏幕宽度的1/3，就返回该滑动事件给activity或者fragment
手机H5页面滑动事件
不如养猪！
07-20 1451
var touchcount = '0'; //记录滑动次数 // var mybody = document.getElementsByTagName('body')[0]; var mybody = document.getElementById("toucharea"); var h = document.documentElement.clientHeight;
android 左右滑动事件
seeytom的专栏
09-15 890
要实现左右滑动事件，先实例化GestureDetector对象，然后
js实现手机端滑动事件 touch event
ahornbeast的博客
11-03 3428
①touchstart是点击触发 ②touchmove是监听触摸轨迹，会反复触发多次 ③touchend则是触摸结束时触发 在做图片滚动时，需要计算滑动距离而非滑动轨迹 因此只利用①+③即可 let layer = document.getElementById('topLayer'); let startX,startY,moveEndX,moveEndY,X,Y; layer.addEventListener("touchstart",(event => { c
2024年最新HarmonyOS（鸿蒙）——滑动事件步骤之按下、滑动(4)，面试4个月被17家公司拒绝
最新发布
2401_84871699的博客
05-11 413
一、简述====滑动事件有多个步骤组成，它不是一个简单的事件，它需要多个动作来共同完成，滑动根据方向不同分为向上滑动、向下滑动、向左滑动和向右滑动。在现如今移动互联网和短视频等行业的迅猛发展，滑动事件大家都非常的熟悉，尤其是抖音、快手这些快餐式的娱乐小视频，一滑就停不下来。按下操作，并且不松开移动操作，移动过程中不松开抬起操作，移动结束后松开滑动事件我们一般是针对整个屏幕的滑动，因此在这里我们给Ability最外层的布局DirectionalLayout设置滑动事件。​二、滑动事件实现。
html 手机滑动事件,完整版移动端滑动事件封装
weixin_30219823的博客
06-08 768
touchEvent基于Jquery扩展在移动端产生的事件，包含，单次触摸事件，两次触摸事件，长按事件，滑屏事件，向上滑动事件，向下滑动事件，向左滑动事件，向右滑动事件预览事件类型单次触摸事件$(el).taptap: function(element, fn) {var startTx, startTy;v_on(element, 'touchstart', function(e) {var t...
滑动事件问题
chaoXiangGuo的博客
05-28 412
最近用到了Gallery这个控件，我的adapter是这样写的：public GalleryAdapter(Context mContext, List<String> mData) { this.mContext = mContext; this.mData = mData; } // 决定了item显示的个数 @Override public int getCou...
鸿蒙Harmony应用开发—ArkTS声明式开发（基础手势：SwipeGesture）
m0_64420071的博客
03-07 974
ArkTS声明式开发-基础手势：SwipeGesture）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值