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. apache编译安装完成后的服务启动设置

    Apache安装后可通过其安装路径的bin目录下的apachectl脚本控制服务的启动和停止.本例中apache安装在/usr/local/apache-2.2.6,服务控制脚本为: /usr/loc ...

  2. memcache和memcached的区别

    用了段时间的memcache和memcached总结下认识,看很多人在用cache的时候,刚刚都没有搞清楚memcache和 memcached的区别,还有就是使用的时候基本都是 get/set  用 ...

  3. webstorm编译less和scss

    Webstorm 配置less编译的Arguments参数: $FileName$ $FileParentDir$\ccy\ccy1\ccy2\$FileNameWithoutExtension$.c ...

  4. PyQt4字体对话框QFontDialog

    字体对话框时用来显示字体的对话框部件. #!/usr/bin/python # -*- coding: utf-8 -*- import sys from PyQt4 import QtGui, Qt ...

  5. img-图片二进制流 64位前端显示

    碰到的场景:因为使用iframe子窗口打开,多张的二维码图片创建方法调用,导致页面打开缓慢, 所以将调取方式转换成<img src="data:image/png;base64,@it ...

  6. MQTT-SN协议乱翻之小结篇

    前言 这里简单做一些小结和对比,针对前面的协议翻译部分,一阶段的学习完结. MQTT-SN VS MQTT MQTT-SN基于MQTT原有语义,但做了很多的调整.比如: 一个CONNECT消息被拆分为 ...

  7. linux 下 git gem 等代理设置问题

    github.com,作为程序员的代码仓库,我们经常会用到.但有时候我们不能直接通过网络链接它,只能通过代理. 这里我有一台代理服务器,起初我以为在终端设置了代理环境就行了,其设置为在你的~/.bas ...

  8. JS:“分享到”之类的悬浮框的运动原理(代码)

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  9. 禁止同一条ajax请求重复发出的方法

    在项目中,遇到的问题是: 四个tab发送四个不同的请求,当用户连续在不同的按钮之间来回切换时,会出现不清楚那条数据是需要展示的的问题,和当连续点击同一个按钮时,基本同时返回的数据会全都展示出来的问题. ...

  10. 交换机工作原理、MAC地址表、路由器工作原理详解

    一:MAC地址表详解 说到MAC地址表,就不得不说一下交换机的工作原理了,因为交换机是根据MAC地址表转发数据帧的.在交换机中有一张记录着局域网主机MAC地址与交换机接口的对应关系的表,交换机就是根据 ...