我试图做一个功能,将顺时针改变按钮的颜色。 当我分配property var acolor: buttons.itemAt(0).color
时,变量acolor
更改值为buttons.itemAt(0).color
更改。为什么会发生?Rectangle.color的行为像一个对象而不是像一个字符串
这是main.qml文件:
import QtQuick 2.6
import QtQuick.Window 2.2
import QtQuick.Controls.Styles 1.4
import QtQuick.Controls 2.2
import QtQuick.Layouts 1.3
Window {
id: root
visible: true
width: 600
height: 400
title: qsTr("My Window")
property int numberOfButtons: 9
GridLayout{
id: grid
columns: 3
anchors.fill: parent
Repeater {
id: buttons
model: root.numberOfButtons;
delegate: Mybutton {id: butt; color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1); number: index}
}
}
}
这是Mybutton.qml:
所有的Rectangle {
id: rectangle
width: 50; height: 100
color: "red"
property int number: 0
MouseArea {
id: mouse
anchors.fill: parent
property var acolor: buttons.itemAt(0).color
onClicked: {
function rotate()
{
acolor = buttons.itemAt(0).color
console.log(acolor)//heare is #11754c
buttons.itemAt(0).color = buttons.itemAt(3).color
console.log(acolor)// but heare is #6c2c3d
buttons.itemAt(3).color = buttons.itemAt(6).color
buttons.itemAt(6).color = buttons.itemAt(7).color
buttons.itemAt(7).color = buttons.itemAt(8).color
buttons.itemAt(8).color = buttons.itemAt(5).color
buttons.itemAt(5).color = buttons.itemAt(2).color
buttons.itemAt(2).color = buttons.itemAt(1).color
buttons.itemAt(1).color = acolor
}
rotate()
}
}
}
标题是可怕的,也是QML属性的上下文意味着绑定,这意味着对于属性更改是有意义的,因为绑定到它的另一个属性发生更改。最后,我在回答中提到的问题是,QML将像对象那样处理颜色属性,而不是我实际上不知道的字符串。鉴于此,我将把标题更改为对将来面对该问题的其他人更有用的格式。 – dtech