文本更改時的動畫按鈕寬度

Question

我有一個按鈕，它的文本會發生變化，當它的文本發生變化時，它的寬度也會發生變化。 我想在更改文本時為寬度變化設置動畫。 我怎樣才能做到這一點 ？

我嘗試關注但它不起作用

import QtQuick.Window 2.15
import QtQuick 2.15
import QtQuick.Controls 2.15
 
Window {
    width: 500
    height: 600

    visible: true

    Button {
        property bool t: false
        text : t ? "very more text hahaha haha hehe" : "less text"
        onClicked: t = !t

        Behavior on width {
            NumberAnimation {
                duration: 1000
            }
        }
    }
}

Answer 1

Button 寬度的變化是其implicitWidth 在此處更改的副產品。

通過將行為更改為在implicitWidth寬度而不是width上觸發，您將獲得預期的行為。