如何在单击时更改图像.我想在我的应用程序上应用一个功能，点击后我需要更改当前图像

Question

我正在使用qml，我想在我的应用程序上应用类似的功能，所以当我点击黑色图像时，我想用红色图像替换黑色图像。

Image {
id: like_img
source: "image/oneImage.png"
height: 18
width: 20
Layout.alignment: Qt.AlignHCenter

MouseArea{
id:mousearea                                   
anchors.fill: parent
onClicked: {
like_img.source="images/anotherImage.png"                  
} 
}
}

但问题是，当我再次点击橙色图像时，我想回到以前的黑色图像。

Answer 1

从外观上看，您将把它连接到后端，后端实际上应该驱动favorite属性，但目前您可以从以下内容开始：

Image {
id: like_img
source: favorite ? "image/oneImage.png" : "images/anotherImage.png"
height: 18
width: 20
Layout.alignment: Qt.AlignHCenter

property bool favorite : false
MouseArea{
id: mousearea                                   
anchors.fill: parent
onClicked: {
like_img.favorite = !like_img.favorite
} 
}
}

Answer 2

检查onclicked函数是否包含所需的图像链接或类似于红色的图像链接。