Qt QML Component 学习笔记

简介 Component是Qt封装好的.只暴露必要接口的QML类型,可以重复利用.一个QML组件就像一个黑盒子,它通过属性.信号.函数和外部世界交互. 一个Component既可以定义在独立的QML文件(.qml为后缀的文件)中,也可以嵌入到其他的QML文件中来定义.那么这两种方式分别适用于什么场景呢?这里有一个原则可以帮助我们去选择Component的定义方式:如果一个Component比较小且只在某个QML文件中使用,或者说一个Component从逻辑上来看属于某个QML文档,那么就可以采用…

（转）Qt Model/View 学习笔记 (七)——Delegate类

Qt Model/View 学习笔记 (七) Delegate 类概念与MVC模式不同,model/view结构没有用于与用户交互的完全独立的组件.一般来讲, view负责把数据展示给用户,也处理用户的输入.为了获得更多的灵性性,交互通过delegagte执行.它既提供输入功能又负责渲染view中的每个数据项. 控制delegates的标准接口在QAbstractItemDelegate类中定义.Delegates通过实现paint()和sizeHint()以达到渲染内容的目的.然而,简…

（转）Qt Model/View 学习笔记 (五)——View 类

Qt Model/View 学习笔记 (五) View 类概念在model/view架构中,view从model中获得数据项然后显示给用户.数据显示的方式不必与model提供的表示方式相同,可以与底层存储数据项的数据结构完全不同. 内容与显式的分离是通过由QAbstractItemModel提供的标准模型接口,由QAsbstractItemview提供的标准视图接口共同实现的.普遍使用model index来表示数据项.view负责管理从model中读取的数据的外观布局. 它们自己可以去渲染…

【Qt官方例程学习笔记】Application Example（构成界面/QAction/退出时询问保存/用户偏好载入和保存/文本文件的载入和保存/QCommandLineParser解析运行参数）

The Application example shows how to implement a standard GUI application with menus, toolbars, and a status bar. The example itself is a simple text editor program built around QPlainTextEdit. Nearly all of the code for the Application example is in…

【Qt官方例程学习笔记】Raster Window Example（画笔的平移/旋转/缩放应用）

这个例子显示了如何使用QPainter渲染一个简单的QWindow. 值得学习的内容 <QtGui>头文件 #include <QtGui>就可以使用Qt GUI模块中的所有类,当然,愿意的话也可以分开各个include. QBackingStore与绘制用于管理基于QPainter的图形的窗口后缓冲区. 在RasterWindow构造函数中,我们创建backingstore并将它应该管理的窗口实例传递给它. RasterWindow::RasterWindow(QWindow…

【Qt官方例程学习笔记】Analog Clock Window Example （画笔的平移/旋转/缩放应用）

这个例子演示了如何使用QPainter的转换和缩放特性来简化绘图. 值得学习的: 定时器事件ID检查: 在定时器事件中检查定时器id是比较好的实践. QPainter抗锯齿: We call QPainter::setRenderHint() with QPainter::Antialiasing to turn on antialiasing. This makes drawing of diagonal lines much smoother. 画笔的平移/缩放: p->translate(…

（转）Qt Model/View 学习笔记 (四)——创建新的Models

创建新的Models 介绍 model/view组件之间功能的分离,允许创建model利用现成的views.这也可以使用标准的功能图形用户接口组件像QListView,QTableView和QTreeView来显示来自各种数据源的数据为. QAbstractListModel类提供了非常灵活的接口,允许数据源以层次结构的形式来管理信息,也允许以某种方式对数据进行插入.删除.修改和存储.它也提供了对拖拽操作的支持. QAbstractListModel与QAbstractTableModel为…

（转）Qt Model/View 学习笔记 (三)——Model类

Model类基本概念在model/view构架中,model为view和delegates使用数据提供了标准接口.在Qt中,标准接口QAbstractItemModel类中被定义.不管数据在底层以何种数据结构存储,QAabstractItemModel的子类会以层次结构的形式来表示数据,结构中包含了数据项表.我们按这种约定来访问model中的数据项,但这个约定不会对如何显示这些数据有任何限制.数据发生改变时,model通过信号槽机制来通知关联的views. Model Indexes 为了使…

（转）Qt Model/View 学习笔记 (二)——Qt Model/View模式举例

Qt Model/View模式举例 Qt提供了两个标准的models:QStandardItemModel和QDirModel.QStandardItemModel是一个多用途的model,可用于表示list,table,tree views所需要的各种不同的数据结构.这个model也持有数据.QDirModel维护相关的目录内容的信息,它本身不持有数据,仅是对本地文件系统中的文件与目录的描述.QDirModel是一个现成的model,很容易进行配置以用于现存的数据,使用这个model,可以很好…

（转）Qt Model/View 学习笔记 (一)——Qt Model/View模式简介

Qt Model/View模式简介 Qt 4推出了一组新的item view类,它们使用model/view结构来管理数据与表示层的关系.这种结构带来的功能上的分离给了开发人员更大的弹性来定制数据项的表示,它也提供一个标准的model接口,使得更多的数据源可以被这些item view使用.这里对model/view的结构进行了描述,结构中的每个组件都进行了解释, 给出了一些例子说明了提供的这些类如何使用. Model/View 结构 Model-View-Controller(MVC),…

QT的初步学习笔记

一.Qt简介 1.Qt是什么:图形用户界面程序框架能做界面的还有什么:MFC.GTK+ 2.Qt的由来和发展 3.为什么选择Qt 二.Qt环境与工具 1.工具 a.Qt助手:里面详细说明了Qt框架中的每一个类.函数.宏等. 是开发的必备:工具,在终端可以使用assistant开启. b.构建器:负责把一个目录下的源码文件.头文件构建成一个Qt工程,并且自动生成Makefile文件. c.Qt设计器:以画图的方式来进行设计界面,设计出的界面是没有功能的,如果需要完成相应的功能,还要与…

Qt快速入门学习笔记（画图篇）

1.Qt中提供了强大的2D绘图系统,可以使用相同的API在屏幕和绘图设备上进行绘制,它主要基于QPainter.QPaintDevice和QPaintEngine这三个类.其中QPainter用来执行绘图操作:QPaintDevice提供绘图设备,它是一个二维空间的抽象,可以使用QPainter在其上进行绘制:QPaintEngine提供了一些接口,可以用于QPainter在不同的设备上进行绘制. QPainter一般在一个部件的重绘事件(Paint Event)的处理函数paintEvent(…

Qt快速入门学习笔记（基础篇）

本文基于Qter开源社区论坛版主yafeilinux编写的<Qt快速入门系列教程目录>,网址:http://bbs.qter.org/forum.php?mod=viewthread&tid=193.参考书为基于该系列教程<Qt Creator快速入门>和<Qt及Qt Quick开发实战精解> 1.关联Qt库.如果是分别安装的Qt Creator和Qt库,而不是安装集成Qt Creator和Qt库的SDK,则需要手动关联Qt库.打开工具→选项菜单,然后选择“构建…

【Qt官方例程学习笔记】Address Book Example（代理模型）

地址簿示例展示了如何使用代理模型在单个模型的数据上显示不同的视图. 本例提供了一个地址簿,允许按字母顺序将联系人分组为9组:ABC.DEF.GHI.…,VW,…XYZ.这是通过在同一个模型上使用多个视图实现的,每个视图都使用QSortFilterProxyModel类的一个实例进行过滤. 综述地址簿包含5个类:MainWindow.AddressWidget.TableModel.NewAddressTab和AddDialog.MainWindow类使用AddressWidget作为其中心小部…

【Qt官方例程学习笔记】Getting Started Programming with Qt Widgets

创建一个QApplication对象,用于管理应用程序资源,它对于任何使用了Qt Widgets的程序都必要的.对于没有使用Qt Widgets 的GUI应用,可以使用QGuiApplication代替. QApplication::exec() 进入事件循环.Qt应用运行时,会产生事件并被发送到应用的widgets.事件举例:鼠标点击和键盘输入. 更多相关阅读: https://doc.qt.io/qt-5/application-windows.html https://doc.qt.io/…

（转）Qt Model/View 学习笔记 (六)——在views中选择数据项

在views中选择数据项概念用于新的view类中的选择模型比Qt3中的模型有了很大的改进.它为基于model/view架构的选择提供了更为全面的描述.尽管对提供了的views来说,负责操纵选择的标准类已经足以应付,但是你也可以创建特定的选择模型来满足你特殊的需求. 关于在view被选择的数据项的信息保持在QItemSelectionModel类的实例中.它也为每个独立的model中的数据项维护model indexes信息,与任何views都关联关系.既然一个model可用于多个views,…

Qt Quick QMl学习笔记之图片浏览器

Qt Quick模块是编写QML应用程序的标准库.虽然Qt QML模块提供QML引擎和语言基础结构,但Qt Quick模块提供了使用QML创建用户界面所需的所有基本类型.它提供了一个可视画布,包括用于创建和动画可视组件,接收用户输入,创建数据模型和视图以及延迟对象实例化的类型. Qt Quick模块提供了QML API,它提供了用于使用QML语言创建用户界面的QML类型,以及用于使用C ++代码扩展QML应用程序的C ++ API. 注意:还可以使用一组基于Qt Quick的UI控件来创建用…

《Qt Quick 4小时入门》学习笔记

http://edu.csdn.net/course/detail/1042/14804?auto_start=1 Qt Quick 4小时入门第五章:Qt Quick里的信号与槽 QML中的三种信号连接方式: 方式一:在组件内通过on<SignalName>的方式 importQtQuick2.0 importQtQuick.Window2.0; Window{ id: win; visible: true; width: 300; height: 200; color: &q…

QML学习笔记（六）- 简单计时器和定时器

做一个简单的qml计时器和定时器,左键触发计时,右键触发定时 GitHub:八至作者:狐狸家的鱼本文链接:QML学习笔记(六)- 简单计时器和定时器左键点击按钮,触发计时器,中键可以暂停计时,同时如果要清零,再次点击左键. 右键打开时间输入与告警信息输入弹出窗口,时间输入有正则验证,只能输入数字,并且时间的:只能在英文半角下输入,如果时间和告警信息未输入,会弹出警告. main.qml: /* author:狐狸家的鱼 date:20181226 */ import QtQuick 2.1…

qml学习笔记(二)：可视化元素基类Item详解（上半场anchors等等）

原博主博客地址:http://blog.csdn.net/qq21497936本文章博客地址:http://blog.csdn.net/qq21497936/article/details/78516201 qml学习笔记(二):可视化元素基类Item详解(上半场anchors等等) 本学章节笔记主要详解Item元素(上半场主要涉及anchors锚),因为所有可视化的界面元素都继承于Item,熟悉Item后,不同的继承子类,有其定制的属性(从几个到几十个不等). <Qt实用技巧:在Qt Gui程…

Ionic2学习笔记（2）：自定义Component

作者:Grey 原文地址: http://www.cnblogs.com/greyzeng/p/5536298.html 上一篇提到,Ionic2提供了很多Component供使用,例如: <ion-title></ion-title> <ion-icon></ion-icon> 等我们可以创建自定义Component, 如: <new-component></new-component> 我…

qt学习笔记（五） QGraphicsPixmapItem与QGraphicsScene的编程实例图标拖动渐变效果

应大家的要求,还是把完整的project文件贴出来,大家省点事:http://www.kuaipan.cn/file/id_48923272389086450.htm 先看看执行效果,我用的群创7寸屏,主机是mini2440,分辨率是800*480,程序写比較粗糙,但对刚開始学习的人还是有一点启示,大家一起进步. qt中提供了QGphicsView,QGraphicsScene,QGraphicsItem,QGraphicsPixmapItem是QGraphicsItem的子类分辨创建它们的实…

qt学习笔记（七）之数据库简介（所有支持数据库类型的列表）

笔者最近用Qt写公司的考勤机.本来要求是要基于frameBuffer下用自己开发的easyGUI来进行上层应用开发,但是考虑到easyGUI提供的接口不是很多,就考虑用Qt来开发,顺带练练手. 废话不多说,马上进入主题. 一.QtSql模块 Qt为数据库访问提供的QtSql模块实现了数据库和Qt应用程序的无缝集成,同时为开发人员提供了一套与平台无关和具体所用数据库均无关的调用接口.这使得开发人员只需掌握基本的SQL语句,就能进行简单的数据库应用程序开发.如下表所示,QtSql模块由3部分组成.…

QML学习笔记（五）— 做一个简单的待做事项列表

做一个简单的QML待做事项列表,能够动态添加和删除和编辑数据 GitHub:八至作者:狐狸家的鱼本文链接:QML学习笔记(五)— 做一个待做事项列表主要用到QML:ListView 效果全部代码 TodoList.qml /* date:20181221 author:狐狸家的鱼 */ import QtQuick 2.7 import QtQuick.Controls 2.2 import QtQuick.Layouts 1.3 ColumnLayout{ Frame{ Layout.…

Solr学习笔记之5、Component（组件）与Handler（处理器）学习

Solr学习笔记之5.Component(组件)与Handler(处理器)学习一.搜索篇拼写检查(spellCheck) 作用:用来检查用户输入的检索内容是否存在,如果不存在则给它提示出相近或相似的内容配置:在solrconfig.xml中配置如下 <searchComponent name="spellcheck" class="solr.SpellCheckComponent"> <lst name="spellchecker&…

AngularJs学习笔记--Understanding the Model Component

原版地址:http://docs.angularjs.org/guide/dev_guide.mvc.understanding_model 在angular文档讨论的上下文中,术语“model”可以适用于单一对象代表一个实体(例如,一个叫” phones”的model,它的值是一个电话数组.)或者作为应用的全部数据Model(所有实体). 在angular中,model可以是任意数据,可以通过angular的scope对象的属性来获取model.属性的名称是model的标识,值可以是任意jav…

AngularJs学习笔记--Understanding the Controller Component

原版地址:http://docs.angularjs.org/guide/dev_guide.mvc.understanding_model 在angular中,controller是一个javascript 函数(type/class),被用作扩展除了root scope在外的angular scope(http://www.cnblogs.com/lcllao/archive/2012/09/23/2698651.html)的实例.当我们或者angular通过scope.$new API(h…