qml - “Expected token '，在QML中的信号处理程序中使用transition属性时的' ”

Question

我想在鼠标悬停时转换Rectangle。我跟随this tutorial并创建了一个MouseArea像这样:

MouseArea{
        anchors.fill: parent
        hoverEnabled: true
        onEntered: {
            rMT.color = 'red'                    // rMT is my rectangle's id (rectangle_mouse_tracking)
            transitions: Transition {            // Expected token ','
                NumberAnimation {
                    property : "width"
                    easing.type: Easing.InOutQuad
                    duration : 200
                }
            }
        }
    ...
    ...

*还有其他制作动画的方法，但是我想知道上面的代码有什么问题吗？
目前我是QML的新手，如果问题有点傻，那么抱歉。
谢谢。

Answer 1

属性更改时，将执行过渡中定义的动画。

如果要在width更改时执行动画，请在onEntered中更改宽度，然后将执行Rectangle中定义的过渡。

语法错误是因为transitions必须位于Rectange {}中，而不位于onEntered {}中

import QtQuick 2.14
import QtQuick.Window 2.14
import QtQuick 2.0
Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    Rectangle {
        id: rMT
        width: 400
        height:400
        x:0
        color: 'blue'
        border.color: 'black'
        MouseArea{
            anchors.fill: parent
            hoverEnabled: true
            onEntered: {
                rMT.color = 'red'
                rMT.width = 100
            }
        }
        transitions: Transition{
            NumberAnimation {
                property : "width"
                from: 400
                easing.type: Easing.InOutQuad
                duration : 2000
            }

        }

    }
}