如何让ToolTipArea覆盖Repeater网格中的Switch与Label区域？

问题说明 #

开发KDE Plasma 6 Plasmoid组件时，需让ToolTipArea覆盖Repeater网格中Switch和Label的整个区域，但当前代码触发错误警告：
QML ToolTipArea: Detected anchors on an item that is managed by a layout. This is undefined behavior; use Layout.alignment instead.

已知警告由anchors.fill: parent导致，但不知如何替代以实现区域全覆盖。简化代码如下：

PlasmoidItem {
    id: root

    fullRepresentation: GridLayout {
        id: grid
        anchors.fill: parent

        Repeater {
            id: switchRepeater
            model: root.switches
            delegate: RowLayout {
                id: switchR

                width: grid.width / grid.columns
                height: grid.height

                Layout.column: modelData.columnIndex
                Layout.row: modelData.rowIndex

                PlasmaComponents3.Switch {
                    id: switchItem
                    checked: modelData.checked
                }

                PlasmaComponents3.Label {
                    id: switchLabel
                    text: modelData.name
                }

                PlasmaCore.ToolTipArea {
                    id: toolTipFullArea
                    Layout.fillHeight: true
                    Layout.fillWidth: true
                    anchors.fill: parent
                    active: modelData.tooltipFullEnabled
                    mainText: "Titre"
                    subText: "description"
                }
            }
        }
    }
}

问题分析 #

1. 布局冲突：ToolTipArea作为RowLayout的直接子项，同时使用锚定属性和布局属性，违反Qt Quick布局规则，触发警告。
2. 结构不合理：Switch、Label与ToolTipArea平级排列在RowLayout中，无法实现ToolTipArea覆盖整个区域的目标，还会导致布局混乱。

解决方法 #

调整结构，将ToolTipArea设为RowLayout的唯一子项，让它填充整个RowLayout空间，再把Switch和Label放在ToolTipArea内部。

修改后代码 #

PlasmoidItem {
    id: root

    fullRepresentation: GridLayout {
        id: grid
        anchors.fill: parent

        Repeater {
            id: switchRepeater
            model: root.switches
            delegate: RowLayout {
                id: switchR

                width: grid.width / grid.columns
                height: grid.height

                Layout.column: modelData.columnIndex
                Layout.row: modelData.rowIndex

                PlasmaCore.ToolTipArea {
                    id: toolTipFullArea
                    Layout.fillHeight: true
                    Layout.fillWidth: true
                    active: modelData.tooltipFullEnabled
                    mainText: "Titre"
                    subText: "description"

                    RowLayout {
                        PlasmaComponents3.Switch {
                            id: switchItem
                            checked: modelData.checked
                        }

                        PlasmaComponents3.Label {
                            id: switchLabel
                            text: modelData.name
                        }
                    }
                }
            }
        }
    }
}

关键改动 #

• 移除anchors.fill: parent，仅保留Layout.fillWidth: true和Layout.fillHeight: true，由布局管理器自动拉伸ToolTipArea至填满父容器。
• 将Switch和Label移入ToolTipArea内部，确保ToolTipArea的激活范围覆盖目标控件所在的整个区域。
• 无需额外设置层级，ToolTipArea会自动传递鼠标事件到底层控件，不影响Switch和Label的正常交互。

内容的提问来源于stack exchange，提问作者xkain