HarmonyOS实战—实现抖音点赞和取消点赞效果 原创 精华
兮动人
发布于 2021-8-2 16:19
浏览
2收藏
Table of Contents
1. 双击点赞 和 双击取消点赞
- 如:在抖音中双击屏幕之后就可以点赞,小红心就会变亮
- 把白色和红色的心形图片复制到
media
下
- 需要图片的可以自取,下面白色图片由于没有背景,所以显示的是白色的,下载后鼠标点击就能看见了
- 因为要双击屏幕才能点赞,所以还要给布局组件
id
- 代码实现:
ability_main
MainAbilitySlice
- 运行:
- 双击屏幕点赞:
- 双击屏幕后取消点赞:
2. 能否按照抖音的业务去实现呢?
业务分析:
- 双击屏幕之后点赞。(上面已实现),再次双击屏幕之后,不会取消点赞,只有点击后红心之后才能取消点赞。
- 单击红心也可以点赞,再次单击红心就会取消点赞
实现思路:
- 给最外层的布局添加双击事件,双击之后点赞,变成红色心。
如果已经被点赞,那么还是修改为红色心,相当于不做任何处理。 - 给图片添加单击事件。
如果没有点赞,单击之后,白色心变成红色心。
如果已经点赞了,单击之后,红色心变成白色心。
- 代码实现:
上面布局文件不变,MainAbilitySlice 如下: - 给布局添加双击事件,因为再次双击不会取消点赞,所以把
else
代码里设置为红色后就把flag
取反去掉,就不会出现再次双击取消点赞了。 - 给图片添加单击事件,因为涉及到点赞后为红色,再取消就变为白色,所以要把
flag
变为相反的操作
- 运行:
- 单击红心后:
- 再次单击红心:
- 双击屏幕后效果如下,再次双击屏幕就不会取消点赞了,只有点击小红心才能取消点赞
©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
分类
赞
6
收藏 2
回复
6
2
2
相关推荐
哇,带着自己的理解去实践自己的想法。好评!
多谢支持,我也是HarmonyOS的初学者,一起进步,哈哈!