HarmonyOS开发07：案例——双击点赞双击取消

最新推荐文章于 2024-07-18 22:57:35 发布

GeniusAng丶

最新推荐文章于 2024-07-18 22:57:35 发布

阅读量147

点赞数 1

分类专栏：鸿蒙开发文章标签：华为软件开发 java

本文链接：https://blog.csdn.net/weixin_45707277/article/details/118960385

版权

鸿蒙开发专栏收录该内容

58 篇文章 26 订阅

订阅专栏

首先把需要用到的图片放入media文件夹
在这里插入图片描述

修改ability_main.xml文件

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    ohos:id="$+id:dl"
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:alignment="center"
    ohos:orientation="vertical">

    <Image
        ohos:id="$+id:img"
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:image_src="$media:white"
        ohos:background_element="#FF52E3E3"/>

</DirectionalLayout>

MainAbilitySlice.java整体代码：

package com.example.listenapplicantion6.slice;

import com.example.listenapplicantion6.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.DoubleClickedListener, Component.ClickedListener {
    Image image;
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_main);

        //1.找到图片组件
        image = (Image) findComponentById(ResourceTable.Id_img);
        //找到铺满屏幕的布局对象
        DirectionalLayout dl = (DirectionalLayout) findComponentById(ResourceTable.Id_dl);

        //2.给布局添加双击事件
        dl.setDoubleClickedListener(this);
        image.setClickedListener(this);
    }

    @Override
    public void onActive() {
        super.onActive();
    }

    @Override
    public void onForeground(Intent intent) {
        super.onForeground(intent);
    }

    //false:没点赞，双击会变红
    //true:已点赞，双击会变白
    boolean flag = false;

    @Override
    public void onDoubleClick(Component component) {
        //修改图片
            image.setImageAndDecodeBounds(ResourceTable.Media_red);
    }

    @Override
    public void onClick(Component component) {
        if (flag){
            image.setImageAndDecodeBounds(ResourceTable.Media_white);
            flag = false;
        }else {
            image.setImageAndDecodeBounds(ResourceTable.Media_red);
            flag = true;
        }
    }
}