qml保姆级教程一:布局组件

💂 个人主页:pp不会算法v
🤟 版权: 本文由【pp不会算法v】原创、在CSDN首发、需要转载请联系博主
💬 如果文章对你有帮助、欢迎关注、点赞、收藏(一键三连)和订阅专栏哦

QML系列教程

QML教程一:布局组件

文章目录

  • 锚布局anchors
    • 属性介绍
      • anchors.top : AnchorLine
      • anchors.bottom :AnchorLine
      • anchors.left : AnchorLine
      • anchors.right : AnchorLine
      • anchors.horizontalCenter : AnchorLine
      • anchors.verticalCenter : AnchorLine
      • anchors.baseline : AnchorLine
      • anchors.fill : Item
      • anchors.centerIn : Item
      • anchors.margins : real
      • anchors.topMargin : real
      • anchors.bottomMargin : real
      • anchors.leftMargin : real
      • anchors.rightMargin : real
      • anchors.horizontalCenterOffset : real
      • anchors.verticalCenterOffset : real
      • anchors.baselineOffset : real
      • anchors.alignWhenCentered : bool
    • 未完待续....

锚布局anchors

属性介绍

anchors.top : AnchorLine

设置锚布局的顶部的位置
在这里插入图片描述

anchors.bottom :AnchorLine

设置锚布局的底部的位置
在这里插入图片描述

anchors.left : AnchorLine

设置锚布局的左边框的位置
在这里插入图片描述

anchors.right : AnchorLine

设置锚布局的右边框的位置
在这里插入图片描述

anchors.horizontalCenter : AnchorLine

设置锚布局的水平中心线
在这里插入图片描述

anchors.verticalCenter : AnchorLine

设置锚布局的竖直中心线
在这里插入图片描述

anchors.baseline : AnchorLine

baseline就是控件或者窗口的最上方的基准线也就是上边框

在这里插入图片描述

anchors.fill : Item

将这个控件的大小和位置设置为和指定控件的大小和位置完全相等
在这里插入图片描述

anchors.centerIn : Item

将要锚布局设置为item的中央
在这里插入图片描述

anchors.margins : real

锚布局的边距

anchors.topMargin : real

锚布局的上边距
在这里插入图片描述

anchors.bottomMargin : real

锚布局的下边距

anchors.leftMargin : real

锚布局的左边距

anchors.rightMargin : real

锚布局的右边距

anchors.horizontalCenterOffset : real

锚布局水平方向中心线的偏移量,正数表示向右偏移,负数表示向左偏移在这里插入图片描述

anchors.verticalCenterOffset : real

锚布局竖直方向中心线的偏移量,正数表示向下偏移,负数表示向上偏移

anchors.baselineOffset : real

在这里插入图片描述

anchors.alignWhenCentered : bool

在对齐的时候其他锚点位置是否不变,默认值为false,,alignWhenCentered属性仅在使用anchors.centerIn或anchors.fill: parent进行居中对齐时才起作用。如果没有应用这些属性,alignWhenCentered将不会生效。

未完待续…

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/90480.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ORACLE数据恢复(误操作delete或update如何恢复?)

有时候会不小心 DELETE 或 UPDATE 错了某张表的某条数据,想要恢复的话,我们可以使用 AS OF TIMESTAMP 语法恢复数据。 在Oracle中允许你使用 AS OF TIMESTAMP 语法查询某个时间点的数据快照,利用这个特性就能查询出误操作之前的数据&#xf…

【C++】string 之 find、rfind、replace、compare函数的学习

前言 上篇文章&#xff0c;我们学习了assign、at、append这三个函数 今天&#xff0c;我们来学习find、 函数 find函数 引入 我们都知道&#xff0c;find函数可以是string类中&#xff0c;用于查找字符或者字符串的函数 也可以是&#xff0c;<algorithm>头文件中&am…

Python爬虫技术系列-01请求响应获取-urllib库

Python爬虫技术系列-01请求响应获取-urllib库 1 urllib库1.1 urllib概述1.1.1 urllib简介1.1.2 urllib的robotparser模块1.1.3 request模块1.1.4 Error1.1.5 parse模块1.1.6 百度翻译案例 1.2 urllib高级应用1.2.1Opener1.2.2 代理设置 1 urllib库 参考连接&#xff1a; https…

php导出cvs,excel打开数字超过16变科学计数法

今天使用php导出cvs&#xff0c;在excel中打开&#xff0c;某一个字段是数字&#xff0c;长度高于16位结果就显示科学计数法 超过15位的话从第16位开始就用0代替了 查询了半天总算解决了就是在后面加上"\t" $data[$key][1] " ".$value[1]."\t";…

记录一次SQL注入src挖掘过程

记录一次小白SQL注入src挖掘过程&#xff0c;其中碰到了很多问题&#xff0c;报错和解决 先是使用谷歌语法找到一个可以注入的网站 谷歌语法&#xff1a; 公司inurl:php?id 然后该公司的URL为 URL:XXXXXXXXXX/xxx.php?id1 输入测试有无注入&#xff0c;有没有waf 发现…

一探Redis究竟:超火爆入门指南,你竟然还没看?

Redis入门教程目录&#xff1a;【Redis入门教程目录】 简介 Redis是由C语言编写的开源、基于内存、支持多种数据结构、高性能的Key-Value数据库。 特性 速度快 首先Redis是将数据储存在内存中的&#xff0c;通常情况下每秒读写次数达到千万级别。其次Redis使用ANSI C编写&…

产品经理认证(UCPM)备考心得

UCPM是联合国训练所CIFAL中心颁发的产品经理证书。如今&#xff0c;ESG是推动企业可持续发展的新潮流。UCPM作为一种可持续发展证书&#xff0c;为我们带来了一套先进科学、系统全面的产品管理模式&#xff0c;是产品管理领域公认的权威证书。那么&#xff0c;如何准备这张证书…

python tempfile模块:生成临时文件和临时目录

嗨喽~大家好呀&#xff0c;这里是魔王呐 ❤ ~! python更多源码/资料/解答/教程等 点击此处跳转文末名片免费获取 tempfile 模块专门用于创建临时文件和临时目录&#xff0c;它既可以在 UNIX 平台上运行良好&#xff0c;也可以在 Windows 平台上运行良好。 tempfile 模块中常用…

学习笔记——BSGS

众所周知&#xff0c;北上广深是中国非常一线的城市&#xff0c;北京是首都&#xff0c;地处…… 正片开始&#xff01; 一、BSGS基础算法 实现目标&#xff1a; A x ≡ B ( m o d P ) , ( gcd ⁡ ( P , A ) 1 ) A^x\equiv B(\mod P),(\gcd(P,A)1) Ax≡B(modP),(gcd(P,A)1)…

Android一个简单带动画的展开收起功能

在Android上&#xff0c;布局的显示和隐藏往往很生硬&#xff0c;给人体验不好&#xff0c;本文使用 android:animateLayoutChanges属性&#xff0c;使得体验效果瞬间提升一个档次。 1、效果如下&#xff1a; 展开和收起 2、具体代码如下&#xff1a; package com.zw.demo202…

GEO生信数据挖掘(三)芯片探针ID与基因名映射处理

检索到目标数据集后&#xff0c;开始数据挖掘&#xff0c;本文以阿尔兹海默症数据集GSE1297为例 目录 处理一个探针对应多个基因 1.删除该行 2.保留分割符号前面的第一个基因 处理多个探针对应一个基因 详细代码案例一删除法 详细代码案例二 多个基因名时保留第一个基因名…

细说适配器模式

结构型模式&#xff0c;顾名思义讨论的是类和对象的结构&#xff0c;它采用继承机制来组合接口或实现&#xff0c;或者通过组合一些对象&#xff0c;从而实现新的功能。GoF23种设计模式中的结构型模式有7种&#xff0c;分别是适配器模式&#xff08;Adapter&#xff09;、装饰器…

进阶JS-内置构造函数

基本数据类型&#xff1a;string、number、boolean、undefined、null 引用类型:对象 其实字符串、数值、布尔等基本类型也都有专门的构造函数&#xff0c;这些我们称为包装类型。 JS中几乎所有的数据都可以基于构成函数创建。 const str andy//其实是const strnew String(a…

在windows的ubuntu LTS中安装及使用EZ-InSAR进行InSAR数据处理

EZ-InSAR&#xff08;曾被称为MIESAR&#xff0c;即Matlab界面用于易于使用的合成孔径雷达干涉测量&#xff09;是一个用MATLAB编写的工具箱&#xff0c;用于通过易于使用的图形用户界面&#xff08;GUI&#xff09;进行干涉合成孔径雷达&#xff08;InSAR&#xff09;数据处理…

开源博客项目Blog .NET Core源码学习(3:数据库操作方式)

开源博客项目Blog采用SqlSugar模块连接并操作数据库&#xff0c;本文学习并记录项目中使用SqlSugar的方式和方法。   首先&#xff0c;数据库连接信息放在了App.Hosting项目的appsettings.json中DbConfig节&#xff0c;支持在DbConfig节配置多个数据库连接信息&#xff0c;以…

基于FFmpeg+SDL的视频播放器的制作

基于FFmpegSDL的视频播放器的制作 基于FFmpegSDL的视频播放器的制作实验1实验2实验3实验4基本练习进阶练习 实验5实验6 基于FFmpegSDL的视频播放器的制作 雷霄骅博士的课程。 课程链接&#xff1a;https://blog.csdn.net/leixiaohua1020/article/details/47068015 初学 FFmp…

uniapp 如何动态切换应用图标、名称

有时候我们需要实现类似百度网盘、淘宝APP这种可以动态切换 但是呢这种需求平常非常少见 很多人不知道如何操作 今天就教大家如何实现 这里我们需要用到一款插件Ba-ChangeIcon Ba-ChangeIcon 是一款uniapp动态切换应用图标、名称的插件。可实现过年、过节动态切换应用图标的效…

MongoDB索引

索引支持在MongoDB中高效执行查询。如果没有索引&#xff0c;MongoDB必须扫描集合中的每个文档才能返回查询结果。如果查询存在适当的索引&#xff0c;MongoDB将使用该索引来限制它必须扫描的文档数。 尽管索引提高了查询性能&#xff0c;但添加索引对写入操作的性能有负面影响…

DataX

序言 弄过了Chunjun 过来搞搞DataX3.0 https://github.com/alibaba/DataXhttps://github.com/alibaba/DataX/blob/master/introduction.mdhttps://github.com/alibaba/DataX/blob/master/userGuid.md 简介 ​ DataX 是一个异构数据源离线同步工具&#xff0c;致力于实现包…

如何使用ArcGIS Pro直接获取道路中心线

以前使用ArcGIS获取道路中心线&#xff0c;需要先将面要素转换为栅格再获取中心线&#xff0c;现在我们可以通过ArcGIS Pro直接获取道路中心线&#xff0c;这里为大家介绍一下获取方法&#xff0c;希望能对你有所帮助。 新建地理数据库 在存储数据的文件夹上点击右键&#xff…