目录
一、需求:
二、实现步骤:
2.1 页面布局
2.2 业务实现
一、需求:
本文的需求是模仿抖音的点赞和取消点赞;主要有两个部分,点赞和取消点赞。
点赞有两种方式:
-
单击为点赞的小爱心
-
双击屏幕,如果未点赞则为点赞
取消点赞有一种方式:
- 单击已点赞的小爱心
上 需要zi料+ 绿色徽【vip1024b】
述点赞和未点赞的状态是根据小爱心的颜色来区分的,未点赞为白色小爱心,点赞之后为红色小爱心
二、实现步骤:
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控件需要注册的是双击事件;图片控件需要注册的是单击事件。
实现代码:
最后
给大家送一个小福利
附高清脑图,高清知识点讲解教程,以及一些面试真题及答案解析。送给需要的提升技术、准备面试跳槽、自身职业规划迷茫的朋友们。
实现代码:
最后
给大家送一个小福利
[外链图片转存中…(img-PRrUp7T3-1710349014730)]
附高清脑图,高清知识点讲解教程,以及一些面试真题及答案解析。送给需要的提升技术、准备面试跳槽、自身职业规划迷茫的朋友们。
[外链图片转存中…(img-rp4WnBEd-1710349014731)]