如何快速学习:[1]Swift编程语言,Swift,苹果于2014年WWDC(苹果开发者大会)发布的新开发语言,可与Ojective-C*共同运行于MacOS和iOS平台,用于搭建基于苹果平台的应用程......
2023-03-17 353 编程语言
QML ListView是我们编写Qt界面的时候最常用的组件之一,用来显示model数据模型中的数据,常用的模型有ListModel和XMLListModel或者是自定义数据模型,ListView包含两部分,定义数据的model和定义数据显示方式的delegate代理,ListView继承自Flickable组件。我们边看帮助文档边讲解,如图,QML里的东西是可以直接在Qt Android中编译的哦,所以现在你写Android程序,用QML也是可以的哦!当然了IOS也是没问题的。
首先我们创建一个Qt Quick项目,简单的东西不说了,不懂的看我以往的经验,非常详细的。这里给出目录结构。
自动生成的代码我们改一下,这里以Window为顶层组件,这里我需要说一下的,QtQuick2以后如果你的顶层组件是Rectangle,那么你运行的时候会看不见界面的,主要是因为咱们main函数文件中使用了QQmlApplicationEngine来解析QML文件,而QtQuick1是用QQuickview,所以QtQuick2你必须使用Window或者ApplicationWindow才能显示界面的哦。这里大家知道就行了。
我们会使用到布局,所以记得把Layout组件import进来。如图。我们定义一个矩形组件,用来增加列表项的。这里我们看到anchors的另一种写法,大家可以和平时用的比较一下,可以拆散使用,也可以放到一起使用,语法不同而已。如图。
然后我们定义上面矩形组件的点击区域,这里我们注意,每次点击,我们把新增的项放到最上面,所以insert插入的时候,需要插入到索引为0的位置。
接着我们定义一个ListView,如果是顺着来的话,也就是通常情况下,列表项是自上而下递增的。如图,点击红色矩形区域,新增一个列表项,这里我们的数据是使用的model的数据项的数量的,用id值就可以了。
然后我们设置一下倒过来显示的属性,这里有两种设置方式,第一,使用ListView的垂直布局属性进行设置就行了。具体使用方法我们可以查看帮助手册,如图。
第二种是使用ListView继承自Flickable组件,而Flickable组件继承自Item,具有rotation属性,利用旋转属性来设置倒转递增的效果。具体用法请查看帮助文档。
最后两种方法都可以令列表倒过来显示的,这个倒过来显示的功能在很多地方都有用到的,像很多常用聊天软件的会话界面就有的。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: 编程语言
相关文章
如何快速学习:[1]Swift编程语言,Swift,苹果于2014年WWDC(苹果开发者大会)发布的新开发语言,可与Ojective-C*共同运行于MacOS和iOS平台,用于搭建基于苹果平台的应用程......
2023-03-17 353 编程语言
web图表开发工具FineReport:[11]连续分组,数据库表数据是按照时间先后录入的,查询的时候希望按照时间先后,某个字段连续相同的话就合并起来显示,这样的报表可以通过相邻连续分组来实现。......
2023-03-17 577 编程语言