9. GridView控件的简单介绍

news/2025/1/15 23:03:30/

1. 使用说明:

在某种界面设计中,如果需要很多个类似的控件整齐的排列,类似方阵的一种数据展示,可以使用GridView控件来实现。

2. 常用属性介绍:

width:宽度
height:高度
clip:超过区域是否自动裁切
cellWidth:单元格宽度
cellHeight:单元格高度
model:提供数据,ListModel
delegate:为数据设计展示样式
currentIndex:当前项索引
highLight:高亮显示样式
highlightFollowsCurrentItem:高亮是否跟随当前项
highlightMoveDuration:高亮移动到下一个位置所需时间

附加属性:
ScrollBar.vertical:纵向滑动条
ScrollBar.horizontal:横向滑动条

3. 示例代码:

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15Window {id:rootwidth: 640height: 480visible: truetitle: qsTr("Hello Signal")GridView{id:gridViewanchors.centerIn: parentwidth: cellWidth * 5height: cellHeight * 2clip:truecellWidth:40cellHeight:40model: ListModel{ListElement{mname:"控件1"mcolor:"lightgreen"}ListElement{mname:"控件1"mcolor:"lightgreen"}ListElement{mname:"控件1"mcolor:"lightgreen"}ListElement{mname:"控件1"mcolor:"lightgreen"}ListElement{mname:"控件1"mcolor:"lightgreen"}ListElement{mname:"控件1"mcolor:"lightgreen"}ListElement{mname:"控件1"mcolor:"lightgreen"}ListElement{mname:"控件1"mcolor:"lightgreen"}ListElement{mname:"控件1"mcolor:"lightgreen"}ListElement{mname:"控件1"mcolor:"lightgreen"}ListElement{mname:"控件1"mcolor:"lightgreen"}}delegate: Rectangle{width: GridView.view.cellWidth - 2height:GridView.view.cellHeight - 2color: mcolorText {id: txtanchors.centerIn: parenttext: qsTr(mname)}}ScrollBar.vertical: ScrollBar {implicitWidth: 15implicitHeight: 20height: parent.heightanchors.right:parent.rightpolicy: ScrollBar.AlwaysOn       //滚动条始终显示}}
}

持续更新中,请大家多多关注…


http://www.ppmy.cn/news/23226.html

相关文章

Spring Boot 中文参考指南

Spring Boot 版本 2.7.8 原文:https://docs.spring.io/spring-boot/docs/2.7.8/reference/htmlsingle/ — 笔者注:Spring Boot 3.x 第一个 GA 版本已于22年底发布,2.7.8 是2.x 的最后一个 GA版本,我觉得一段时间内依然会以2.x为主…

ESP8266 + STC15基于AT指令通过TCP通讯协议控制IO状态

ESP8266 + STC15基于AT指令通过TCP通讯协议控制IO状态 📌ESP8266 AT固件基于安信可AT固件,相关刷AT固件可以参考《NodeMCU-刷写AT固件》当然WIFI模块也可以是esp01. STC15 单片机采用的是:STC15F2K60S2 晶振频率采用内部:22.1184MHz🌼功能介绍 通过电脑端的网络调试助手…

【Python百炼成魔】魂圣初入Python之Python最佳入门姿势

专栏介绍: 注: 专栏介绍,只出现在一个新的专栏的第一篇文章中,后续会逐渐完善专栏介绍,变成一篇单独文章,用于介绍专栏更新的内容和后续的写作计划。 【 Python百炼成魔】专栏 ,讲述少年莫阳&…

时序预测 | MATLAB实现SSA-LSTM麻雀算法优化长短期记忆神经网络时间序列预测

时序预测 | MATLAB实现SSA-LSTM麻雀算法优化长短期记忆神经网络时间序列预测 目录时序预测 | MATLAB实现SSA-LSTM麻雀算法优化长短期记忆神经网络时间序列预测预测效果基本介绍程序设计参考资料预测效果 基本介绍 麻雀搜索算法(Sparrow Search Algorithm, SSA)是于2020年提出的…

JVM从跨平台到跨专业 Ⅱ-- 垃圾回收

文章目录如何判断对象可以回收引用计数法可达性分析算法五种引用强引用软引用弱引用虚引用终结器引用垃圾回收算法标记-清除算法标记-整理算法复制算法分代垃圾回收回收流程相关VM参数GC分析大对象处理策略线程内存溢出垃圾回收器相关概念串行吞吐量优先响应时间优先G1G1垃圾回…

结构体+枚举+联合体

目录 一、结构体的声明 (一)结构的基础知识 (二)结构的声明 (三)特殊的声明 (四)结构的自引用 1. 一个结构体内部包含一个类型为该结构本身的成员(不合法&…

【C++】基于范围的for循环 (C++11)

基于范围的for循环 C11 一、范围for的基本语法二、范围for中使用引用 &#xff08;一些奇葩的问题&#xff09;讨论三、范围for的使用条件一、范围for的基本语法 在C98中如果要遍历一个数组&#xff0c;可以按照以下方式进行&#xff1a; #include<iostream> using nam…

Javaweb之Http协议andTomcatandServelt的内容~

JavaWeb技术栈&#xff1a; B/S架构;Browser/server:浏览器/服务器架构模式&#xff0c;它的特点是&#xff0c;客户端只需要浏览器&#xff0c;应用程序的逻辑和数据都存储在服务器端&#xff0c;浏览器只需要请求服务器&#xff0c;获取Web资源&#xff0c;服务器把Web资源发…