[Qt] 使用MouseArea 是需要注意的点

原创

obentul 2022-09-23 13:39:29 博主文章分类：Qt ©著作权

文章标签 鼠标事件拖拽帮助文档 文章分类 后端开发

©著作权归作者所有：来自51CTO博客作者obentul的原创作品，请联系作者获取转载授权，否则将追究法律责任

前言

多个MouseArea存在重叠区域时，使用 propagateComposedEvents 进行事件的传递分配，这些在 Qt 的帮助文档里都有，这里不赘述。

这里需要说一下当 MouseArea 和包含鼠标事件的组件一起使用会出现的问题：

问题一：组件的鼠标事件全部失效
问题二：解决了问题一以后，MouseArea的drag拖拽功能失效

编程建议：

当MouseArea 和有鼠标事件的组件一起使用时，请把包含组件的 Item 和 MouseArea 分离，且把 MouseArea 写到 Item 的前面，然后通过 id 的方式让 MouseArea 填充 Item。这样既保证了 Item 内部组件都能够正常响应鼠标事件以完成自有的响应功能，也能保证MouseArea的 drag 拖拽功能能工作。

正确Demo：

main.qml

Item{

    MouseArea{
        id:ma
        anchors.fill:demoqml
        drag.target:demoqml
    }

    DemoItem.qml{
        id:demoqml
    }
}

DemoItem.qml

Item{
    

    Button{
        //...
    }

    ComboBox{
        //...
    }
}

几种异常Demo的写法：

可拖动，无法响应组件事件：

main.qml

Item{
    
    DemoItem{
        id:demoitem

        MouseArea{
            id:ma
            anchors.fill:parent
            drag.target:demoitem
        }
    }
}

不可拖动，组件有响应：

main.qml

Item{

    MouseArea{
        
        drag.target:demoitem

        DemoItem{
            id:demoitem
            anchors.fill:parent
        }
    }
}