qml踩坑系列——Scrollview和mouseArea冲突

问题描述

编写多任务视图的过程中，滚动区域（ScrollView）需要使用鼠标事件，但是增加上鼠标事件后，滚动区域就不能滚动了。

---

原因分析：

因为增加了mouseArea()，滚动区域的大小是根据内部子组件的大小进行扩展的，如果超出滚动区域的宽度或高度，就会触发滚动功能，但是增加了mouseArea（）,子控件的大小，并不会超过滚动区域，故不能滚动了

---

解决方案：

手动控制滚动区域的内容大小，不在让他自适应，如下：

  ScrollView{
        id : scrollView

        x : 0
        y : 0
        contentWidth : 10000
        contentHeight :10000
        width : 1080
        height: 1920
        MouseArea{
                anchors.fill : parent
            }
}    
控制contentWidth 或者contentHeight 大于width或者height 就可以即滚动，又可以使用鼠标事件


contentWidth：此属性保存内容宽度。
width：组件本身的宽度