QML改变按钮图标大小

Question

如何更改按钮图标的大小？如果我设置 icon.height 和 icon.width 它会给我这个错误：

QML IconLabel：检测到属性“图标”

的绑定循环

    Button {
        Layout.preferredHeight: parent.height * 0.2
        Layout.preferredWidth: parent.width
        Layout.row: 4
        Layout.column: 0
        Layout.columnSpan: 3
        icon.source: "qrc:/media/dazn.png"
        icon.height: height
        icon.width: width
    }

Answer 1

你确实不应该绑定到 height 和 width，因为这些属性是根据图标大小加上填充间接计算的，导致提到的绑定循环。不确定您的确切意图，但您可以绑定到 Layout.preferredHeight 和 Layout.preferredWidth

Button {
    Layout.preferredHeight: parent.height * 0.2
    Layout.preferredWidth: parent.width
    Layout.row: 4
    Layout.column: 0
    Layout.columnSpan: 3
    icon.source: "qrc:/media/dazn.png"
    icon.height: Layout.preferredHeight
    icon.width: Layout.preferredWidth
}

图标似乎仍然受到一些限制（在 IconLabel 内），但它会尽可能大。

QML改变按钮图标大小

QML change Button icon size

qt

qml