QML中子组件向父组件传递event.key的实现方法

嘿，这个问题在QML里其实有几种很实用的解决思路，我给你拆解两个最常用的方案，你可以根据自己的场景选：

这是最灵活、耦合度最低的方式——给你的子窗口（LW/RW）定义一个自定义信号，当子组件捕获到按键事件时，主动把按键值通过信号传递给父组件。

首先修改你的LW组件代码，添加自定义信号并触发它：

Window { 
    id: left 
    width: 1280 
    height: 320 
    visible: true 

    // 自定义信号，用于向外传递按键值
    signal keyPressed(int key)

    Rectangle{ 
        anchors.fill: parent 
        color: "black" 
        focus: true 
        Keys.onPressed: { 
            if (event.key == Qt.Key_Left) { 
                event.accepted = true;
                // 触发自定义信号，把当前按键值传出去
                left.keyPressed(event.key);
            }
            // 如果需要监听所有按键，直接去掉if判断，触发信号即可
        } 
    } 
}

然后在父组件里监听这个信号，就能拿到按键值并执行操作了：

Item { 
    id: root 
    LW { 
        id: leftWindow 
        // 监听子组件的自定义信号
        onKeyPressed: {
            console.log("父组件收到左窗口的按键：", key);
            // 在这里写你需要执行的逻辑
            if (key === Qt.Key_Left) {
                // do something...
            }
        }
    } 
    RW { id: rightWindow } 
}

如果你的子组件不需要完全“吃掉”这个按键事件，而是允许父组件也能响应，可以不设置event.accepted = true，这样事件会自动向上冒泡到父组件。不过这种方式要注意焦点的问题，父组件需要能接收事件。

修改子组件的按键处理逻辑，去掉event.accepted = true：

Rectangle{ 
    anchors.fill: parent 
    color: "black" 
    focus: true 
    Keys.onPressed: { 
        if (event.key == Qt.Key_Left) { 
            // 子组件自己的操作
            // 不要设置event.accepted = true，让事件继续向上冒泡
        } 
    } 
}

然后给父组件设置焦点，监听按键事件：

Item { 
    id: root 
    focus: true // 确保父组件能捕获到冒泡的事件
    Keys.onPressed: {
        if (event.key === Qt.Key_Left) {
            console.log("父组件通过事件冒泡收到按键");
            // 执行你的操作
        }
    }

    LW { id: leftWindow } 
    RW { id: rightWindow } 
}

小提示 #

个人更推荐方案1，因为自定义信号的方式逻辑更清晰，你可以精准控制哪些事件需要传递给父组件，不会受焦点规则、事件冒泡优先级的影响，后期维护也更方便。

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