当前位置: 首页 > 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"
	        }
	    }
	}
}

相关文章:

  • 不同安装路径重复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安装部署笔记(一)
  • 网络推广网站/百度400电话
  • 杭州网站开发公司/互联网舆情信息
  • 杭州cms建站模板下载/百度快照优化排名推广怎么做
  • 做机械毕业设计哪个网站好/百度做广告费用
  • 西宁建设工程官方网站/seo权重优化
  • 第一推是谁做的网站/今日油价92汽油价格表