主页 / coding / 问题 / 77745419
Accepted
Arlyn Annie
Asked: 2024-01-02 18:22:09 +0800 CST

当按钮悬停在 Qt6 中时更改 QML 按钮的文本颜色？

  • 772

当按钮悬停时如何更改按钮的文本颜色？我不想画一个矩形。

Button {
                        id:button
                        x: 58
                        y: 246
                        width: 188
                        height: 34
                        onClicked: classA.newGameWindow()

                        text: qsTr("New Game")

                        background: Rectangle {
                            opacity: enabled ? 1 : 0.3
                            color: "transparent"
                        }


                        font.family: "Inria Serif"
                        font.pixelSize: 26

                        Text {
                               id: new_Game
                               color: "white"
                               horizontalAlignment: Text.AlignLeft
                               verticalAlignment: Text.AlignTop
                               wrapMode: Text.Wrap
                               font.weight: Font.Normal
                        }
                 }

我尝试使用 color: button.down 但它在按钮文本周围绘制了一个矩形

qt

2 个回答

  1. 最佳实践方法是使用调色板。它更短、更干净、更简单。

    Button { 
    text: 'Example text' 
    palette.buttonText: hovered ? 'red' : 'blue' 
}

    正如 @JarMan 所提到的并基于文档：

    项目将显式调色板属性从父级传播到子级。如果更改项目选项板上的特定属性，该属性将传播到该项目的所有子项，从而覆盖该属性的任何系统默认值。

    可以将调色板分配给嵌套的项目组，如以下示例所示：

    Item {
    // The color will be assigned to all children.
    palette.buttonText: 'maroon'

    Button { /* ... */ }
    Item {
        Button { /* ... */ }
        Item { 
            Button { /* ... */ }
            Button { /* ... */ }
            // ...
        }   
    }
}
    • 2
  2. Best Answer

    通过设置contentItem按钮的 ：

        Button {
        id: button
        text: "Button"

        contentItem: Text {
            text: button.text
            color: button.hovered ? "green" : "red"
        }

    }
    • 1

相关问题