ListView的使用——qml

前言

之前有一阵子一直写qml，现在隔了半年，已经忘得差不多了。如果不是看着以前的代码能回想起一些东西，我恐怕以为之前只是幻想罢了。

最近终于有点时间可以琢磨东西，或者说有时间选择用什么语言写，写成什么样的。正好现在有一个简单的界面，所以就拿来练手，用qml写一个稍微好看一点的界面。这个项目里面有一个列表展示，所以就用到了今天我想说的ListView了：ListView我觉得是最常用的了吧，特别他的一些基本东西，如model、delegate都是很多控件（GridView PathView）都需要配置的，可谓“知一识百”。

效果图

说明及代码示例

官方给的数模介绍，先看一下：

再来一段代码：

    ListView{
        id:toolsList;
        z:2;
        anchors{left: parent.left; leftMargin: 220*wr; verticalCenter: parent.verticalCenter;
           right: parent.right; rightMargin: 196*wr;}
        height: 473*hr;
        spacing: 44*wr;
        delegate: toolsDelegate;
        orientation: ListView.Horizontal;
        model: toolsModel;
        //boundsBehavior: Flickable.StopAtBounds;
        currentIndex: indicator.currentIndex;
        highlightRangeMode: ListView.StrictlyEnforceRange;
    }

一些基本设置： 

设置方向orientation，默认方向是ListView.Vertical

ListView.Horizontal - Items are laid out horizontally
ListView.Vertical (default) - Items are laid out vertically

高亮范围模式的设置（highlightRangeMode: ListView.StrictlyEnforceRange;）是为了强调当前项。

默认值ListView.NoHighlightRange意