HarmonyOS鸿蒙最新HarmonyOS（鸿蒙）——模仿抖音点赞和取消点赞，2024年最新把面试官鸽了

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

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

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

图标需要id来定位 ohos:id=“$+id:img”

–>

<Image

ohos:height=“match_content”

ohos:width=“match_content”

ohos:id=“$+id:img”

ohos:image_src=“$media:white”

ohos:background_element=“#d9d9d9”>

启动程序，查看测试的效果：

2.2 业务实现

这里需要给两个控件注册监听事件，分别是DirectionalLayout控件，这里代表页面的最外层容器，此处可以理解为我们双击的“屏幕”；还有一个是小爱心，也就是图片控件。

二者需要添加的监听事件不一样，DirectionalLayout控件需要注册的是双击事件；图片控件需要注册的是单击事件。

​

实现代码：

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

public class MainAbilitySlice extends AbilitySlice implements Component.ClickedListener, Component.DoubleClickedListener {

/** DirectionalLayout控件 */

DirectionalLayout directionalLayout;

/** Image控件 */

Image image;

/** 是否点赞  true 代表点赞 false 代表取消点赞 */

Boolean like = false;

@Override

public void onStart(Intent intent) {

super.onStart(intent);

super.setUIContent(ResourceTable.Layout_ability_main);

// 获取DirectionalLayout控件

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

// 获取Image控件

image = (Image) this.findComponentById(ResourceTable.Id_img);

// 注册双击事件

directionalLayout.setDoubleClickedListener(this);

// 注册单击事件

image.setClickedListener(this);

}

/**

* 单击事件方法

* @param component

*/

@Override

public void onClick(Component component) {

// 单击修改Image图片

if (component.getId() == ResourceTable.Id_img) {

like = !like;

image.setImageAndDecodeBounds(like ? ResourceTable.Media_red : ResourceTable.Media_white);

}

}

/**

* 双击事件方法

* @param component

*/

@Override

public void onDoubleClick(Component component) {

// 双击修改Image图片，如果未点赞，则修改为红色小红心，如果已点赞则不处理

if (component.getId() == ResourceTable.Id_dl && !like) {

image.setImageAndDecodeBounds(ResourceTable.Media_red);

}

}

@Override

public void onActive() {

super.onActive();

}

@Override

public void onForeground(Intent intent) {

super.onForeground(intent);

}

}

双击屏幕效果

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

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

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

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

335)]

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

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

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