qt - QML MenuItem 突出显示不起作用

Question

请有人向我解释一件事。假设我有一个项目，如果我单击它，则会出现一个下拉菜单。当您将鼠标悬停在菜单项上时，如何使它们如此突出？

代码:

Rectangle {
    id: main_window
    width: 600
    height: 600
    property int mrg: 10   

    Rectangle {
        anchors.centerIn: parent
        width: 500
        height: 500
        color: 'green'

        Text {
            id: field
            text: "Click!"
            font.pointSize: 20
            color: 'white'
            anchors.centerIn: parent

            MouseArea {
                id: ma
                anchors.fill: parent
                hoverEnabled: true

                onClicked: {
                    menu.x = ma.mouseX
                    menu.open()
                }
            }

            Menu {
                id: menu
                y: field.height
                MenuItem {
                    text: "Menu item"
                    highlighted: true

                }
            }
        }
    }
}

在文档中，我发现正确的突出显示负责选择适当的菜单项。我在True中安装了它，但它没有改变任何东西。请告诉我我做错了什么。非常感谢。

Answer 1

虽然这是一个老问题，但我遇到这个问题是因为这是我自己想做的事情。我认为m7913d通过使用 MenuItem 的 hovered 属性，可以稍微简化一下答案。

MenuItem {
    id: control
    text: "Menu item"
    hoverEnabled: true

    background: Item {
        implicitWidth: 200
        implicitHeight: 40

        Rectangle {
            anchors.fill: parent
            anchors.margins: 1
            color: control.hovered ? "blue" : "transparent"
        }
    }
}

我做的另一件事是保留原始实现的 control.down 处理，因此 color 表达式比此处显示的稍微复杂一些。