QML控件总结

1.0版本

空间样式的位置

1.0的tableview等控件的拖动条位置，是固定的，但是可以通过缩放、x、y坐标、handleOverLap、anchor.left、anchor.top等去调节控件的位置。

比如原生1.0的tableview等控件的拖动条位置，是从表头开始。

 有时候需求需要我们把滚动条从表格开始。可以这么设置。

        style: TableViewStyle {
            frame: Rectangle { color: "transparent" }　//边框
            incrementControl: Rectangle { color: "transparent" }　//滑块
            decrementControl: Rectangle { color: "transparent" }  //滑块
            handle: Rectangle {   //中间的滑动块
                implicitWidth: 6
                Rectangle {
                    anchors.topMargin: 24        //增加此行代码，增加顶上间距，让滚动条从表头开始。
                    anchors.bottomMargin: 24     //增加此行代码，增加底下间距，让滚动条离下面有一定间距。
                    radius: 12
                    color: "#ff0000"
                    anchors.fill: parent
                }
            }
            //背景
            scrollBarBackground:
                Rectangle {
                    color: "transparent"
                    implicitWidth: 6
                }
        }

效果如下：

 

2.0版本

Image内存占用问题

Image以及包括由Image继承过来的控件，如AnimatedImage等。如果图片很大或者需要实时舒心，cache属性必须设置为false，不然会占用很多内存，虽然内存过段时间会回收，但是还是不设置缓存好。