QT quick中提供了很多的实用控件widget,下面介绍几种常用的。

这部分介绍基本是参照QtCretator提供的帮助文档,一定要学会使用,不明白的去查找帮助。

Item

基本上所有的可是控件的基类都是Item,上节说过了QML的格式是以property:value的方式书写,所以了解一个控件主要的就是了解它提供了哪些属性properties和方法methods,属性又可以分为默认default属性、一般general属性、附加attached属性。

默认属性只有一个就是data,value的类型时list<Object> 
常用的一般属性有x、y、z、width、height、visible、enabled、foucus、anchors、status等,更多请在QtCreateor帮助索引中输入Item关键字查找,对这些属性过目一般,了解基本含义,有助于你使用其它继承自Item的控件时,知道哪些属性是继承自Item的,哪些是这个控件提供的。 
附加属性常用的就是Keys,用来处理按键事件

此外当属性发生变化时,一般会发出一个信号,信号处理器的格式是on{Propety}Changed

Rectangle

Rectangle顾名思义就是一个矩形,它是一个带边框可填充颜色的矩形区域。 
它继承自Item,它的属性除了Item的属性外,还有border、color、gradient、radius,还是那句话,具体含义和使用示例参考QtCreator帮助文档。

Text

Text就是文本啦,也是继承自Item,它的属性有text、color、font、style、wrapMode等,text支持html格式的字符串解析。例如text: "<b>Hello</b> <i>World!</i>"

TextInput

TextInput是单行可编辑文本,主要属性和Text差不多,此外有readOnly、accpetableInput、echoMode等属性

TextEdit

TextEdit是多行可编辑文本区,和TextInput的属性差不多

Image

Image就是图片啦,同样继承自Image,它的主要属性有source、sourceSize、fillMode、status等

MouseArea

MouseArea继承自Item,但它不是可见的,一般包含在其他控件中用来辅助处理鼠标事件,它的主要属性有enabled、mouseX、mouseY、containsMouse、pressed、drag、cursorShape等,主要的信号有clicked、pressed、released、positonChanged、entered、exited、doubleClicked、wheel等

More

上面列出的都是QtQuick模块的基本控件,更多来自QtQuick.Controls模块提供的高级控件有 
Label、Button、RadioButton、CheckBox、ComboBox、SpinBox、ProgressBar、ScrollBar等,相信你一定学会了自行使用帮助文档了,不一一详细介绍了。

QT之QML控件篇的更多相关文章

  1. Qt实现表格控件-支持多级列表头、多级行表头、单元格合并、字体设置等

    目录 一.概述 二.效果展示 三.定制表头 1.重写数据源 2.重写QHeaderView 四.设置属性 五.相关文章 原文链接:Qt实现表格控件-支持多级列表头.多级行表头.单元格合并.字体设置等 ...

  2. Qt列表等控件实现平滑滚动&deepin启动器存在的问题

    Qt列表等控件实现平滑滚动 Qt自带的的列表控件是不能平滑滚动的,但如果滚动速度快的话很容易引起视线丢失,体验效果很差.本篇主要讲述如何在Qt中对列表控件加入平滑滚动.文中以QScrollArea控件 ...

  3. swift系统学习控件篇:UIbutton+UIlabel+UITextField+UISwitch+UISlider

    工作之余,学习下swift大法.把自己的学习过程分享一下.当中的布局很乱,就表在意这些细节了.直接上代码: UIButton+UILabel // // ViewController.swift // ...

  4. QML控件类关系图

    花了点时间整理了下QML控件之间的关系图和QML控件和C++类的对应关系,基于Qt5.6版本 其他版本可能会有差异 图片像素比较大,另存为后放大图片就可以看清楚了 工程下载地址 QMLClassDia ...

  5. 一步一步学android之控件篇——ScrollView

    一个手机的屏幕大小是有限的,那么我要显示的东西显示不下怎么办?这就会使用到ScrollView来进行滚动显示,他的定义如下: 可以看到ScrollView是继承于FrameLayout的,所以Scro ...

  6. CAD控件:QT开发使用控件入门

    1. 环境搭建: 3 1.1. 安装Qt 3 1.2. 安装Microsoft Windows SDK的调试包 6 2. QT中使用MxDraw控件 7 1.3. 引入控件 7 3. 打开DWG文件 ...

  7. 一款有意思的 Qt 飞行仪表控件

    最近在网上偶然发现一款Qt飞行仪表板控件,真的很酷哦! 是一款开源软件, 直接编译运行:  美工还是不错的! 控件操作非常简单: void MainWindow::timerEvent( QTimer ...

  8. paper 139:qt超强绘图控件qwt - 安装及配置

    qwt是一个基于LGPL版权协议的开源项目, 可生成各种统计图.它为具有技术专业背景的程序提供GUI组件和一组实用类,其目标是以基于2D方式的窗体部件来显示数据, 数据源以数值,数组或一组浮点数等方式 ...

  9. swift系统学习控件篇:UIProgressView+NSTimer+UIstepper+UIAlertController

    工作之余,学习下swift大法.把自己的学习过程分享一下.当中的布局很乱,就表在意这些细节了.直接上代码: UIProgressView+NSTimer+UIstepper UIStepper UIP ...

随机推荐

  1. len()

    len() 用于统计序列的长度,字符串 .元组 .列表都属于序列 In [1]: str = "hello world" In [2]: len(str) Out[2]: 11

  2. PyQt4工具栏

    工具栏 菜单对程序中的所有命令进行分组防治,而工具栏则提供了快速执行最常用命令的方法. #!/usr/bin/python # -*- coding:utf-8 -*- import sys from ...

  3. 上传控件CSS用图片代替

    <style type="text/css"> a.btn {width: 120px;height: 42px;overflow: hidden;display: b ...

  4. ubuntu 14.04版本更改文件夹背景色为草绿色

    ENV:ubuntu 14.04 在这个版本上使用dconf 工具无法改变文件夹的背景了,下面介绍其他的方法,不需要dconf工具. 第一步:在home目录下创建.themes文件夹 第二步将/usr ...

  5. vux报错二

    执行npm run build后 "build": "node build/build.js",   // 输出提示信息 - 提示用户请在 http 服务下查看 ...

  6. 拼接的html的onclick事件中无法传递对象给js方法的处理办法

    如下: 拼接的html: " onclick=\"valDocName2('"+JSON.stringify(doc).replace(new RegExp(" ...

  7. 分布式数据库主键id生成策略

    分布式数据库部署主要分为两种,一种是读写分离.这个需要弄主从数据库.主要是写的时候写主数据库,读的时候读从数据库.分散读取压力,对于读多写少的系统有利于 提高其性能.还有一种是分布式存储,这种主要是将 ...

  8. 系统中同时有 python2和 python3,怎么让 ipython 选择不同的版本启动?

    已经安装的情况下: > which ipython /usr/local/bin/ipython > cat /usr/local/bin/ipython  #!/usr/local/op ...

  9. JS实现数字千位符格式化方法

    /** * [number_format 参数说明:] * @param {[type]} number [number:要格式化的数字] * @param {[type]} decimals [de ...

  10. 用 chown 和 chmod 修改目录所属用户及权限

    1.修改 tmp 目录所属用户为 root,用户组为 root chown -R root:root /tmp12.修改 tmp 目录为可写权限 chmod -R 777 /tmp