listview qt 选中内容_Qml中ListView用法

古城微笑少年丶 2023-01-01 04:56 312阅读 0赞

一、ListView列表视图。

如果你了解Qt的模型视图结构，那么这一节的内容就很好理解了，如果你没接触过，也没关系，因为它其实很简单。在Qt中我们要想利用视图显示一些数据，并不是将这些数据直接放到视图中的，因为视图只管显示，它不存储数据。我们的数据要放在数据模型中。但是数据模型中只是存放数据，它并不涉及数据的显示方式。所以，我们还要用一个叫做代理的东东来设置数据模型中的数据怎样在视图中显示。那么就构成了下面的关系。

![Image 1][]

我们先看下面的例子：

1、新建一个Qt QML Application工程，命名为“myView”。

2、我们更改代码如下：import Qt 4.6

Rectangle \{

width:200;height:200

ListModel\{  //数据模型

id:listModel

ListElement\{name:”Tom”;number:”001″\}

ListElement\{name:”John”;number:”002″\}

ListElement\{name:”Sum”;number:”003″\}

\}

Component\{     //代理

id:delegate

Item\{ id:wrapper; width:200; height:40

Column\{

x:5; y:5

Text\{text:”**Name:**”+name\}

Text\{text:”**Number:**”+number\}

\}

\}

\}

Component\{   //高亮条

id:highlight

Rectangle\{color:”lightsteelblue”;radius:5\}

\}

ListView\{  //视图

width:parent.width; height:parent.height

model:listModel  //关联数据模型

delegate:delegate  //关联代理

highlight:highlight  //关联高亮条

focus:true  //可以获得焦点，这样就可以响应键盘了

\}

\}

运行效果如下：

![Image 1][]

我们可以拖动整个列表，而且可以使用键盘的方向键来选择列表中的项目。

在这个程序中，我们先设置了数据模型，在其中加入了一些数据。然后设置了代理，在代理中我们设置了要怎样显示我们的数据。最后，我们在视图中关联了数据模型和代理，将数据显示出来了。这里为了达到更好的显示效果，我们使用了一个高亮条。其中的代理和高亮条都可以使用Component\{\}组件来实现。

3.我们可以对视图做一些设置。

我们可以设置keyNavigationWraps:true 使到达最后一个项目后重新返回第一个项目。

我们可以设置orientation:ListView.Horizontal使列表水平显示。这时你拖动列表，发现了吧，它可以自动移动到下一条，这就是Flickable的作用。默认的是ListView.Vertical竖直显示。

[Image 1]:

发表评论取消回复

表情：

评论列表（有 0 条评论，312人围观）

还没有评论，来说两句吧...

相关阅读

相关 QML ListView实现多选操作

需求：单击默认为单选，按住Ctrl+点击为任意项多选，按住Shift+点击为连续项多选分析： 1.点击时区分按键状态来进行不同的操作； 2.根据不同的操作修

妖狐艹你老母/ 2023年07月12日 08:56/ 0 赞/ 45 阅读

相关 listview qt 选中内容_Qml中ListView用法

一、ListView列表视图。如果你了解Qt的模型视图结构，那么这一节的内容就很好理解了，如果你没接触过，也没关系，因为它其实很简单。在Qt中我们要想利用视图显示一些数据，

古城微笑少年丶/ 2023年01月01日 04:56/ 0 赞/ 313 阅读

相关 QML ListView 鼠标拖拽交换行

QML 的 ListView 本身有 move 过渡（Transition）属性，可以用来做一些交换动画效果。其中 move 为当前项的过渡，moveDisplaced 为被交

刺骨的言语ヽ痛彻心扉/ 2022年12月21日 10:49/ 0 赞/ 347 阅读

相关 ListView的简单用法

由于手机上的屏幕空间有限，能够一次性在屏幕上显示的内容并不多，当程序需要展示大量的数据时就要用到listview,如我们常用的QQ聊天，微博消息等。使用L

冷不防/ 2022年09月29日 11:59/ 0 赞/ 239 阅读

相关 listView与adapter的用法

[listview与adapter用法][listview_adapter] 博客分类： [android][] 一个ListView通常有两个职责。（

蔚落/ 2022年08月20日 02:15/ 0 赞/ 215 阅读

相关 listView用法

[Android][] ListView是比较常用的控件，但一直都觉得创建ListView步骤有点繁琐，故在此总结一下，方便查阅。程序效果是实现一个ListView,Li

我不是女神ヾ/ 2022年08月06日 09:19/ 0 赞/ 160 阅读

相关 ListView的用法

ListeView 在android开发中ListView是比较常用的组件，它以列表的形式展示具体内容，并且能够根据数据的长度自适应显示。 1.ArrayAdapt

叁歲伎倆/ 2022年07月20日 21:27/ 0 赞/ 182 阅读

相关 Qt:QML:ListView实现鼠标点击选中某项

简介 ListView默认是没有自动点选选中某项的，毕竟Qt的ListView功能复杂而强大解决方法在鼠标点击某项时设置 idControl.ListView

r囧r小猫/ 2022年07月15日 04:28/ 0 赞/ 679 阅读

相关 listview与adapter用法

一个ListView通常有两个职责。（1）将数据填充到布局。（2）处理用户的选择点击等操作。第一点很好理解，ListView就是实现这个功能的。第二点也不难做到，在

爱被打了一巴掌/ 2022年06月17日 04:07/ 0 赞/ 237 阅读

相关【Android】ListView用法

今天读了一篇关于ListView的用法，觉得写的挺好，分享出来了：[http://www.cnblogs.com/allin/archive/2010/05/11/173220

深碍√TFBOYSˉ_/ 2021年11月04日 17:31/ 0 赞/ 341 阅读