HarmonyOS（鸿蒙）——模仿抖音点赞和取消点赞

目录

一、需求：

二、实现步骤：

2.1 页面布局

2.2 业务实现

---

一、需求：

---

本文的需求是模仿抖音的点赞和取消点赞；主要有两个部分，点赞和取消点赞。

点赞有两种方式：

1. 单击为点赞的小爱心

2. 双击屏幕，如果未点赞则为点赞

取消点赞有一种方式：

1. 单击已点赞的小爱心

上述点赞和未点赞的状态是根据小爱心的颜色来区分的，未点赞为白色小爱心，点赞之后为红色小爱心

二、实现步骤：

---

2.1 页面布局

这一步中需要使用到一个标签，标签是图片控件，我们可以通过设置标签中图片的改变来标志点赞与取消点赞的状态，此外由于我们需要双击屏幕，这个时候我们需要使用到控件最外层的DirectionalLayout控件，因此我们给DirectionalLayout控件添加ID，便于定位。

实现代码：

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

<DirectionalLayout

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

ohos:id=“$+id:dl”

ohos:height=“match_parent”

ohos:width=“match_parent”

ohos:alignment=“center”

ohos:orientation=“vertical”>

<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);

}

总结

最后小编想说：不论以后选择什么方向发展，目前重要的是把Android方面的技术学好，毕竟其实对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！

这里附上我整理的几十套腾讯、字节跳动，京东，小米，头条、阿里、美团等公司19年的Android面试题。把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节。

由于篇幅有限，这里以图片的形式给大家展示一小部分。

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

技术进阶之路很漫长，一起共勉吧~
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
展示一小部分。

[外链图片转存中…(img-rPulycs9-1715769602225)]

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

技术进阶之路很漫长，一起共勉吧~
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！