QML学习笔记

1. 语法

1.1 导入模块

1.1.1 已注册类型的版本化命名空间

1.1.2 包含作为 QML 文档的类型定义的相对目录

1.1.3 JavaScript 文件

import QtQuick 2.0
import QtQuick.LocalStorage 2.0 as Database
import "../privateComponents"
import "somefile.js" as Script

1.2 对象声明

对象类型名称 + 一组大括号，所有的属性与子对象都在这组大括号中进行说明

1.3 子对象

数量不限，可通过嵌套的方式进行子对象的声明

2. Math

• Math.max() —— 最大值
• Math.min() —— 最小值
• Math.ceil() —— 向上舍入
• Math.floor()—— 向下舍入
• Math.round() —— 四舍五入
• Math.random() —— 随机数

3. 时间戳打印

Qt.formatDateTime(new Date(), "yyyy-MM-dd hh:mm:ss ddd"))

4. Item

• Chilidren —— 管理界面元素
• Resource —— 管理不可见元素
• data(默认属性) —— 数组内的可视元素自动当做children，不可见元素当做resource
• Visible —— 控制是否可见，默认为true

5. Rectangle

• antialiasing —— 抗锯齿开关，默认使用圆角，默认开启
• border.color —— 边框色
• border.width —— 边框宽度
• color —— 背景填充
• radius —— 圆角半径，默认为0
• gradient —— 渐变

6. Text

• antialiasing —— 抗锯齿开关，默认开启
• clip —— 文本裁剪，默认 Text 随字符串长度自动调整宽度；当 clip 为
  true，超过 Text 元素 width 将不会显示；若 clip 为 false，text 则会超出 Text 区域显示
• color —— 文本颜色
• elide —— 显示设置宽度时，省略过长字符，支持省略号显示在字符串的左、中、右三个位置
• font.bold —— 粗体
• font.capitalization—— 设置英文大小写，支持默认、全大写、全小写、分词首字母大写
• font.family —— 字体名称
• font.italic —— 斜体
• font.letterSpacing —— 字符间距
• font.pixelSize —— 字体像素大小
• font.pointSize —— 字体大小，与设备无关
• font.strikeout —— 删除线
• font.underline —— 下划线
• font.weight —— 字重
• font.wordSpacing —— 单词间距
• fontSizeMode —— 字体大小模式
  • Text.FixedSize —— 默认大小，即 font.pixelSize / font.pointSize 的大小
  • Text.HorizontalFit —— 根据 width 调整最大字号
  • Text.VerticalFit —— 根据 height 调整最大字号
  • Text.Fit —— 根据宽高调整最大字号
  • minimumPointSize / minimumPixelSize —— 指定最小边界
  • font.pointSize / font.pixelSize —— 指定最大边界
• horizontalAlignment —— 水平对齐方式
• hoveredLink —— 悬浮链接
• lineCount —— 行数，富文本(RTF格式)不支持
• renderType —— 默认Qt渲染，可选Native渲染，可能出现锯齿
• renderTypeQuality —— 渲染质量 ，大号字体需关注
• style —— 文本样式
• text ——文本内容
• verticalAlignment —— 垂直对齐方式
• wrapMode —— 设置 文本换行为文本项的宽度
  • NoWrap —— 不换行
  • WordWrap —— 就在单词边界上进行换行
  • WrapAnywhere —— 在任意点换行
  • Wrap —— 如果可能，在单词边界处进行换行;否则，它将出现在行上的适当位置，甚至在单词的中间
• Item —— 项目定位器
• Column —— 将子项放置在列中
• Flow —— 并排放置子项，并根据需要进行包装
• Grid —— 将子项定位在网格中
• LayoutMirroring —— 用于镜像布局行为
• Positioner —— 提供附加属性，包含有关项目在定位器中的位置的详细信息
• Row —— 将子项排成一行
• Component —— 在qml文件中实现组建的子组件，无需新建qml文件
• Loader —— 用于动态加载 QML 组建