Qml学习笔记-Repeater的基本使用

程序运行截图如下：

代码如下：

Window {visible: truewidth: 150height: 500title: qsTr("RepeaterDemo")Column{spacing:5Repeater{model:["Enterprise","Colombia","Challenger","Discovery","Endeavour","Atlantis"]Rectangle{width:150height:50radius:10color:"lightBlue"Text{anchors.centerIn: parenttext:index+": "+modelData}}}}}

还可以做如下的操作：

源码如下：

Window {visible: truewidth: 150height: 500title: qsTr("RepeaterDemo")Column{spacing:2Repeater{model:ListModel{ListElement{name:"Mercury";surfaceColor:"gray"}ListElement{name:"Venus";surfaceColor:"yellow"}ListElement{name:"Earth";surfaceColor:"blue"}ListElement{name:"Mars";surfaceColor:"orange"}ListElement{name:"Jupiter";surfaceColor:"orange"}ListElement{name:"Saturn";surfaceColor:"yellow"}ListElement{name:"Uranus";surfaceColor:"lightBlue"}ListElement{name:"Neptune";surfaceColor:"lightBlue"}}Rectangle{width: 150height: 50radius: 8color:"lightBlue"Text{anchors.centerIn: parenttext:name}Rectangle{anchors.left: parent.leftanchors.verticalCenter: parent.verticalCenteranchors.leftMargin: 2width:32height:32radius: 16border.color: "black"border.width: 1color: surfaceColor}}}}
}

Qml学习笔记-Repeater的基本使用相关推荐

qml学习笔记(二)：可视化元素基类Item详解（上半场anchors等等）
原博主博客地址:http://blog.csdn.net/qq21497936 本文章博客地址:http://blog.csdn.net/qq21497936/article/details/7851 ...
Qml学习笔记：cpp与qml的交互调用方式
Qml学习笔记:cpp与qml的交互调用方式如何用在cpp中调用qml的方法 main.qml main.cpp 如何在qml中调用C++的方法函数 main.cpp main.qml 如何使用qm ...
QML学习笔记（四）-Canva画板画图功能-跟随鼠标位置进行随笔画
参考博主文章进行整理了代码,实现功能参考:https://blog.csdn.net/UbuntuTouch/article/details/46375697 源码:https://github.co ...
QML学习笔记-对QML基本认识
首先是QML与Qt Quick的关系: 这就相当于C++与Qt的关系: 只是一个语言和框架的关系从Qt 5.1开始,Qt Quick引入了一组界面控件,使用这些控件可以更简单地创建传统桌面应用.这些 ...
Qt Quick QMl学习笔记之图片浏览器
Qt Quick模块是编写QML应用程序的标准库.虽然Qt QML模块提供QML引擎和语言基础结构,但Qt Quick模块提供了使用QML创建用户界面所需的所有基本类型.它提供了一个可视画布,包括用于 ...
QML学习笔记——图片动态显示（Image与QQuickImageProvider）
写在前面项目中需要一个预览和回显的功能,需要通过udp接收图片数据,并在界面上动态显示,在网上研究一番后,最终选择了Image和QQuickImageProvider来实现. 这里只是记录下关键机制 ...
【QML学习 01】 SystemTrayIcon 状态栏图标
QML SystemTrayIcon (状态栏图标) 系列QML学习笔记参考:https://blog.csdn.net/qq_28171461/article/details/88797900 通 ...
Qt 5.12学习笔记--QML性能策略
Qt 5.12学习笔记--QML性能策略 1 简介 2 时间因素 2 性能分析 3 JavaScript 部分 4 绑定 5 类型转换 6 解析属性 6 属性绑定 7 序列提示(Sequence ti ...
ASP.Net学习笔记013--ViewState初探2
ASP.Net学习笔记013--ViewState初探2 上课讲的viewstate,由于需要跟后台服务器进行传值,需要封装很多隐藏列,比如100条数据,就会有100个viewstate 如果用在一些 ...

Qml学习笔记-Repeater的基本使用

Qml学习笔记-Repeater的基本使用相关推荐

最新文章

热门文章