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

目录

一、需求：

二、实现步骤：

2.1 页面布局

2.2 业务实现

---

一、需求：

---

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

点赞有两种方式：

1. 单击为点赞的小爱心

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

取消点赞有一种方式：

1. 单击已点赞的小爱心

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

二、实现步骤：

---

2.1 页面布局

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

实现代码：

<?xml version&