当前位置: 首页 > news >正文

QML Grid响应式布局要点(Qt 5.12.1)

1. Grid 不要设置宽高,不要 fill parent 只需要 centerIn parent ,否则内部控件会默认从坐标0,0开始布局,不设置会默认将所有对象居中布局,只需要调整spacing就可以很好的均布控件

2. Grid子对象实现响应式,相应的也不要用parent.width / x 这种形式,可以用Grid的父对象

Rectangle{
	id: rect_grid
	anchors.fill:parent
	
	Grid{
	    id:grid
	    anchors.centerIn: parent
	    
	    rows: 2
	    columns: 3
	    
	    rowSpacing: 10
	    columnSpacing: 10
	    
	    Repeater{
	        model: 6
	        
	        
	        Rectangle{
	            width: rect_grid.width / 4
	            height: rect_grid.height / 3
	            
	            border.width:1
	            border.color:"red"
	        }
	    }
	}
}
http://www.dtcms.com/a/29630.html

相关文章:

  • 不同安装路径重复R包清理
  • 浅谈Word2vec算法模型
  • 【Mastering Vim 2_05】第四章:深入理解 Vim 的结构化文本
  • AI回答:Linux C/C++编程学习路线
  • php重写上传图片成jpg图片
  • Sui 如何支持各种类型的 Web3 游戏
  • UI 自动化测试框架介绍
  • vue项目启动时报错:error:0308010C:digital envelope routines::unsupported
  • 火语言RPA--Excel插入空行
  • SpringCloud-使用FFmpeg对视频压缩处理
  • MyBatis中的日志和映射器说明
  • nvm安装、管理node多版本以及配置环境变量【保姆级教程】
  • 详解分布式ID实践
  • 解决 Ubuntu 中 Docker 安装时“无法找到软件包”错误
  • 现场可以通过手机或者pad实时拍照上传到大屏幕的照片墙现场大屏电子照片墙功能
  • Renesas RH850 IAR编译时变量分配特定内存
  • Python的那些事第二十八篇:数据分析与操作的利器Pandas
  • OpenMetadata Service与Ingestion模块接口交互全解析
  • 【开关电源】汽车前端电源保护电路设计
  • DeepSeek安装部署笔记(一)
  • upload-labs
  • 直播美颜SDK的底层技术解析:图像处理与深度学习的结合
  • 双重差分学习笔记
  • 一文了解大模型性能评测数据、指标以及框架
  • 计算机视觉(CV)
  • DeepSeek 新注意力架构NSA
  • ASP.NET Core 下载文件
  • 如何基于transformers库通过训练Qwen/DeepSeek模型的传统分类能力实现文本分类任务
  • cs106x-lecture13(Autumn 2017)-SPL实现
  • 【Linux网络编程】IP协议格式,解包步骤