qml Rectangle的radius从小到大、再从大到小变化，请给出代码

以下是使用QML动画实现Rectangle的radius从小到大、再从大到小变化的代码：

import QtQuick 2.0
import QtQuick.Controls 2.5

Rectangle {
    id: rect
    width: 100
    height: 100
    color: "red"
    radius: 0

    SequentialAnimation on radius {
        loops: Animation.Infinite
        PropertyAnimation { from: 0; to: 50; duration: 500; easing.type: Easing.InOutQuad }
        PropertyAnimation { from: 50; to: 0; duration: 500; easing.type: Easing.InOutQuad }
    }
}

这个代码创建了一个宽高为100的红色矩形，并使用顺序动画来实现radius属性的变化，从0到50再从50到0，每次变化的持续时间为500毫秒，变化类型为Easing.InOutQuad（缓入缓出）。动画会无限循环执行。您可以根据需要调整动画的持续时间、变化类型和循环次数。

相关问题

在qml中，让一个Rectangle在旋转，同事radius在发生变化，请给出代码

以下是一个示例代码，其中矩形会旋转并改变圆角半径：

import QtQuick 2.0

Rectangle {
    width: 200
    height: 200
    color: "lightblue"
    radius: radiusValue // 定义圆角半径
    rotation: rotationValue // 定义旋转角度

    property real radiusValue: 10 // 圆角半径初始值
    property real rotationValue: 0 // 旋转角度初始值

    NumberAnimation on radiusValue { // 定义半径变化动画
        from: 10
        to: 50
        duration: 1000
        loops: Animation.Infinite
        running: true
    }

    RotationAnimation on rotationValue { // 定义旋转动画
        from: 0
        to: 360
        duration: 3000
        loops: Animation.Infinite
        running: true
    }
}