鸿蒙如何实现点击图片来回切换

在鸿蒙系统中，可以通过自定义组件的方式来实现点击图片来回切换的效果。下面是一个简单的实现方式：

1. 创建一个包含两张图片的自定义组件，可以使用StackLayout来实现图片的叠加。

<StackLayout
    ohos:id="$+id:stack_layout"
    ohos:height="match_content"
    ohos:width="match_content"
    ohos:orientation="vertical">

    <Image
        ohos:id="$+id:image1"
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:src="$media:img1.png"
        ohos:scale_mode="fit_center"/>

    <Image
        ohos:id="$+id:image2"
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:src="$media:img2.png"
        ohos:scale_mode="fit_center"
        ohos:visibility="invisible"/>

</StackLayout>

2. 在组件的click事件中切换图片的可见性，从而实现来回切换的效果。

Component component = findComponentById(ResourceTable.Id_stack_layout);
component.setClickedListener(new Component.ClickedListener() {
    @Override
    public void onClick(Component component) {
        Image image1 = (Image)findComponentById(ResourceTable.Id_image1);
        Image image2 = (Image)findComponentById(ResourceTable.Id_image2);

        if (image1.getVisibility() == Component.VISIBLE) {
            image1.setVisibility(Component.INVISIBLE);
            image2.setVisibility(Component.VISIBLE);
        } else {
            image1.setVisibility(Component.VISIBLE);
            image2.setVisibility(Component.INVISIBLE);
        }
    }
});

以上代码中，我们通过获取图片组件的可见性来判断应该显示哪张图片，然后通过设置可见性来切换图片。这样，当用户点击图片时就会实现来回切换的效果。