核心元素

元素可以分为可视元素和非可视元素。可视元素(如 )具有几何图形,通常在屏幕上显示一个区域。非可视元素。比如定时器Timer、获取鼠标事件的MouseArea

目前,我们将重点介绍基本的视觉元素,例如 、 、 和 。但是,通过使用Qt Quick Controls 2模块,可以创建从标准平台组件(如按钮,标签和滑块)构建的用户界面。Item、Rectangle、Text、Image、MouseArea

项目元素

Item是所有可视元素的基本元素,其他可见元素都是从Item继承 。它本身不会显示任何内容,而是定义所有可视元素中通用的所有属性:Item。
如下:

  • 位置、堆叠顺序、宽高,对应属性x、y、z、width、height
  • 布局相关的锚定属性-,比如anchor.fill:parent,填满父对象
  • 键盘事件- 快捷键、Tab切换焦点等。Key、KeyNavigation、focus
  • 转换- 转换坐标或宽高以及旋转等。scale、rotate、transform、transformOrigin
  • 视觉- 控制透明度、显示/隐藏元素、将绘画操作限制到元素边界以及增强渲染质量。opacity、visible、clip、smooth
  • 状态定义- 列表属性,其中包含支持的状态列表、当前属性和列表属性,用于对状态更改进行动画处理。可以理解为自带状态机,标记不同状态,还可定义状态过渡的动画。states、state、transitions

基本属性

Item{width:100heigth:100z:1
}

以上代码在屏幕中不会有任何显示,通常当做界面元素的容器,为界面分组,或统一管理子元素的相对坐标,透明度等

children、resource属性

Item有children、resource属性,这两个属性比较特殊。以下代码是在Item中创建两个Text和Timer。
children管理界面元素,resource管理不可见元素。

Item{children:[Text{text:"H1"}Text{text:"H2"}]resource:[Timer{}]
}

data属性

Item还有一个data属性,会将数组内的可视元素自动当做children,不可见元素当做resource

Item{data:[Text{text:"H1"}Text{text:"H2"}Timer{}]
}

默认属性

Item默认属性是data,如下,这三个元素其实给了data属性。

Item{Text{text:"H1"}Text{text:"H2"}Timer{}
}

visible属性

控制是否可见,也就是显示隐藏,默认为true。

QML Item 核心元素相关推荐

  1. playbook核心元素之 -- 角色role(9)

    playbook核心元素之 --> 角色role 角色: 以特定的层级目录结构进行组织的tasks.variables.handlers.templates.files等: role_name/ ...

  2. playbook核心元素之 模板template 介绍(7)

    playbook核心元素之 --> 模板template 介绍 templates:文件文件,内部嵌套有模板语言脚本(使用模板语言编写) [root@ansible ~]# ansible-do ...

  3. Ansible Playbook核心元素以及组件

    Playbook核心元素 Hosts 执行的远程主机列表 Tasks 任务集 Variables 内置变量或自定义变量在playbook中调用 Templates 模板,可替换模板文件中的变量并实现一 ...

  4. ReactiveCocoa核心元素与信号流

    ReactiveCocoa(以下简称"RAC")是一个函数响应式编程框架,它能让我们脱离Cocoa API的束缚,给我们提供另外一套编码的思路与可能性,它能在宏观层面上提升代码易读 ...

  5. 学习 UML 核心元素

    按照描述事物的三种观点:结构(事物的客观存在).功能(事物可利用的价值).使用(对于使用者的意义)来描述<thinking in UML>中的核心元素. 1.版型: 结构:UML中的最基本 ...

  6. vuex四大核心元素

    什么是vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化. 个人理解就是集中管 ...

  7. 《大象:thinking in uml 》(第二版) 3章 UML核心元素 3节 用例

    只供参考,喜欢请支持正版图书 3.3 用例 用例在UML建模中是最最重要的一个元素.之所以说它重要,是因为UML是面向对象的,除用例之外,所有其他元素都是"封装"的."独 ...

  8. quartz获取开始结束时间_quartz核心元素及底层原理介绍

    quartz核心元素及底层原理介绍 Quartz的核心元素主要有Scheduler.Trigger.Job.JobDetail.其中 - Scheduler为调度器负责整个定时系统的调度,内部通过线程 ...

  9. 【数据治理】都柏林核心元素集(DC)

    出自 MBA智库百科(https://wiki.mbalib.com/) 都柏林核心元素集(Dublin Core Element Set,简称DC) 目录 [隐藏] 1 什么是都柏林核心元素集 2 ...

  10. UML::UML核心元素

    我对UML的理解:软件工程的东西.(有点模糊,不是很懂.) 建模:个人理解--对现实的一种抽象,对现实的简化,模型比现实更好理解.即是抽象. UML核心元素: 版型(stereotype):版型也称类 ...

最新文章

  1. 2020-mb面试指南_2020年最佳代码面试准备平台
  2. 要活102年,阿里凭借的是什么?
  3. PTA 7-3 旅游规划 (25分)(双权值Dijkstra最短路)
  4. 生产环境下JAVA进程高CPU占用故障排查
  5. CSS基础学习-5.CSS属性_字体文本文本装饰
  6. jquery设置表单元素只读_jquery设置元素readonly与disabled属性
  7. CVPR 2022 | 天大本科生论文入选!深度学习长尾分类新SOTA
  8. VS studio 2019 加 CUDA + CUDNN 开发环境配置
  9. 多态应用-打印商品价格案例
  10. 在Linux系统下更改或更新SSH密钥密码的方法
  11. yii和php的一些细节
  12. jquery匹配不区分大小写_jQuery实现contains方法不区分大小写的方法教程
  13. LINUX也有C#?
  14. 泰凌微8258入门教程 环境篇②——Telink IDE开发环境搭建
  15. PHP PYTHON RUBY PERL
  16. PT 系列 00·小谈 pt-kill
  17. python symbols函数_有限元平面四边形等差单元python编程
  18. maven pom profiles
  19. c语言多文件编译 实例霓虹灯,单片机51c语言编程20种不同霓虹灯亮法
  20. HBase2.x(六)HBase API DML的操作

热门文章

  1. Cesium 已知两点,计算以一个点为圆心,将另一个点旋转一定度数后的新点的坐标/position_A绕position_B逆时针旋转angle度(角度)得到新点 function rotatedPo
  2. 原生js实现输入框焦点切换
  3. Oracle的imp、exp导入导出命令
  4. python怎么画小海龟_python画图之“小海龟”turtle
  5. python平方和psum_P19 python sum()函数和.sum(axis=0)函数的使用
  6. realtek audio console无法连接rpc服务_程序员修神之路设计一套RPC框架并非易事
  7. linux安装jdk8_JDK1.8安装手册汇总
  8. php 获取小数精度,php小数精度问题
  9. java反序列化为空_Java序列化/反序列化,提供空对象引用
  10. HTTP的概念以及请求消息的数据格式