前言
之前有一阵子一直写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意