qt - 如何在 QML 中检查颜色是否相等？

Question

我有以下代码：

Item {
    width:  fos.width; height: fos.height

    Rectangle {
        id: fos
        width: 120; height: 120
        color: "red"

        MouseArea {
            anchors.fill: parent
            onClicked: {
                if (fos.color == "red") fos.color = "gray"
                else fos.color = "red"
            }
        }
    }
}

我想在单击Rectangle时更改颜色MouseArea。但是，代码不起作用。我的错在哪里？

Answer 1

问题是你的测试：

fos.color == "red" 

"red"只是 的名称或别名"#ff0000"。您可以通过打印值来查看它，即：

//...
MouseArea {
    anchors.fill: parent
    onClicked: {
        console.log('fos.color:', fos.color); // fos.color: #ff0000
        //...
    }
}

根据文档，您应该使用Qt.colorEqual()或测试"#ff0000"颜色是否相等。