qml listview 横向滑动问题 [复制链接]

qml listview
       显示的列比较多，显示不全，做了个横向滚动条，代码如下，但不好使，拖动底部滚动条，上面的listview并不动，但上下滚动条的可以滚动，帮忙看看横向滚动的代码哪里有问题

图片:P80530-163308.jpg

// 滚动条    Rectangle {      
                                      id: scrollbar        x: 400; y:0        
                                    width: 10; height: 380        color: "#ccbfbf"      
                                   radius: 10      
                             // 按钮        Rectangle {        
                                                                  id: button          
                                                                   x: listView.visibleArea.xPosition * scrollbar.width        
                                                                  y: 0  
                                                                  width:155        
                                                                height:130      
                                                               color: "#818b81"        
                                                               radius: 10          
                                 // 鼠标区域            MouseArea {            
                                                                                       id: mouseArea
                                                                                       anchors.fill: button            
                                                                                      drag.target: button              
                                                                                    drag.axis: Drag.XAxis              
                                                                                    drag.minimumX: 0                
                                                                                   drag.maximumX: scrollbar.width- button.width              
                                                                                // 拖动              
                                                                                 onMouseXChanged: {                    
                                                                                                            listView.contentX = button.x / scrollbar.width * listView.contentWidth            
                                                                                                                  }          
                                                                                    }        
                                                           }    
                                         }

Flickable及其派生组件
设置其ScrollBar.horizontal、ScrollBar.vertical属性，
然后设置下contentHeight、contentWidth就行了，类似于下面这样：

Flickable
{
        id: flicktop
.....
        contentWidth: row1.width
        ScrollBar.horizontal: ScrollBar {}
.......
}