qml - ListView 突出显示项目未显示

Question

我试图在 ListView 中突出显示当前选定的项目。下面是我正在使用的代码；出于某种原因，虽然类似的代码在此应用程序的另一个 ListView 中完美运行，但这里 SelectedRectangle 项目从未显示，尽管所选项目在应有的时候发生了变化。

Rectangle {
    id: deviceTree
    width: (window.width * 2) / 3
    height: 400

    border {
        width: 2
        color: "black"
    }

    ListView {
        id: deviceTreeView

        model: deviceTreeModel
        delegate: deviceTreeDelegate
        highlight: SelectionRectangle {}

        anchors.fill: parent
        anchors.margins: 6
    }

    Component {
        id: deviceTreeDelegate

        Rectangle {
            border.color: "#CCCCCC"
            width: deviceTree.width
            height: 30

            smooth: true
            radius: 2

            MouseArea {
                anchors.fill: parent
                onClicked: { deviceTreeView.currentIndex = index; window.selectedDeviceChanged(deviceName) }
            }
        }
    }
}

选定矩形.qml

Rectangle
{
    id: selectionRectangle

    color: "lightsteelblue"
    smooth: true
    radius: 5
}

解决方案:deviceTreeDelegate 中的矩形默认为白色并与选择矩形重叠。使用属性将其设置为透明，以便可以看到选择。

Answer 1

这是因为默认的 Rectangle 颜色为白色，并且高亮显示在代理下方。将矩形颜色设置为“透明”将允许通过代理看到高亮。