2019年07月_hp_cpp

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

转载 Qt Quick实现的涂鸦程序

之前一直以为 Qt Quick 里 Canvas 才可以自绘，后来发觉不是，原来还有好几种方式都可以绘图！可以使用原始的 OpenGL（Qt Quick 使用 OpenGL 渲染），可以构造QSGNode 来绘图，还可以使用 QPainter ！哇， QPainter 我很熟悉啊。于是，我用 QPainter 结合 QML 实现了一个简单的涂鸦程序： PaintedItem 。它有下列功能：设...

2019-07-30 14:04:54 556

原创 QML官方Demo学习之Scene Graph - Painted Item

在Qt帮助文档中搜索“Scene Graph - Painted Item ”可以看到，原来的代码是写成QML调用C++插件的方式。由于插件方式对不熟悉的同学来说，可能要踩一些坑，其实可以放在一个工程里，通过qmlRegisterType的方式进行注册，然后在qml中进行调用。QQuickPaintedItem继承自QQuickItem，而QQuickItem就是Qml中的Item。QQuic...

2019-07-29 21:10:11 1137

转载 QML插件扩展

转自：http://www.cnblogs.com/yanhuiw/p/4719597.html准备分两节来介绍QML扩展插件，分别为（一）基于QML文件的扩展方式（二）基于C++的插件扩展这篇先介绍基于QML的插件扩展。先介绍几个基本概念：qmldir: 用于组织自定义的QML插件，qmldir的具体写法可参考.qmltypes：qml插件的解释文件，用于QtCreator语法高亮...

2019-07-29 15:50:32 273

原创 Qt/QML学习资料收集

Qt5官方demo解析集系列教程（一共37个）：https://blog.csdn.net/cloud_castle/article/category/2123873/2?或者https://www.kancloud.cn/cloudcastle/qt5-demo/109880Scene Graph - Painted Itemhttps://doc.qt.io/qt-5/qtquick-...

2019-07-28 22:15:31 333

原创 qml中MouseArea重叠时事件响应问题

先看Qt帮助文档中的例子：搜索propagateComposedEvents可以看到该例子：import QtQuick 2.0Rectangle { color: "yellow" width: 100; height: 100 MouseArea { anchors.fill: parent onClicked: consol...

2019-07-28 19:06:11 2380 1

原创 QML中的SmoothedAnimation动画

SmoothedAnimation：一个特定的NumberAnimation类型，当目标值改变时会在动画中提供一个平滑过渡的过渡效果。import QtQuick 2.9import QtQuick.Window 2.2Window { visible: true width: 800 height: 600 title: qsTr("Hello World...

2019-07-28 17:26:53 487

转载 NumberAnimation数字类动画

转自：https://blog.csdn.net/lvmengzou/article/details/86692112import QtQuick 2.3import QtQuick.Window 2.2Window { id: win visible: true width: 400 height: 400 Rectangle{ y...

2019-07-28 17:17:38 508

原创 QML实现渐变侧滑效果——显示和隐藏

当看到一个博文，用一个NumberAnimation实现QML实现渐变侧滑效果，从右往左出现的时候，我就想：要实现一个从右往左出现，动画结束后，点击鼠标，又从左往右隐藏。这样的时候，就可以实现一个侧边的面板，响应鼠标（或者键盘）事件，出现或者隐藏。test.qml代码：import QtQuick 2.0Rectangle { id: root width: 300 ...

2019-07-28 16:21:58 1855 2

原创 QML一个漂亮的仪表盘

使用QML中的CircularGauge控件，需要import QtQuick.Extras 1.4Gauge.qml：import QtQuick 2.7import QtQuick.Controls 2.0import QtQuick.Controls.Styles 1.4import QtQuick.Extras 1.4import QtQuick.Extras.Private ...

2019-07-28 15:11:17 4540

转载 QML笔记-QML基本数据类型的使用

转自：https://blog.csdn.net/qq78442761/article/details/90604216文章目录基本概念举个栗子基本概念这里的数据类型不仅仅有C++里面的int，String等，还有个很有特点的类型var，这个又可以放数组，也可以放函数，也可以混着换，很少有趣。举个栗子程序运行截图如下：后台打印如下:QML debugging is enabled...

2019-07-28 09:04:17 893

原创 QML弹出多级菜单

RightPopUpMenu.qmlimport QtQuick 2.5import QtQuick.Controls 2.5Menu { id: firstMenu title: qsTr("剪切") Action { text: qsTr("剪切"); onTriggered: { console.log...

2019-07-28 08:32:51 3360

原创 QML实时预览

如果能修改qml文件，马上看到修改的效果，就会特别方便。以下是从国外的某视频网站看到的教程。每次保存修改的qml文件后，就能看到运行的效果。只是需要自己手动在main.cpp文件中添加qml文件所在的目录。filewatcher.h文件：#ifndef FILEWATCHER_H#define FILEWATCHER_H#include <functional>#inc...

2019-07-26 16:42:07 2914

转载 QML中的信号和信号处理

信号处理器附加信号处理器Connections使用connect()函数连接信号和槽自定义信号1. 信号处理器QML中使用on+信号的方式作为信号处理器，来处理所所发送的信号。比如相应按钮的点击事件，代码如下：Button { text: '退出' anchors.centerIn: parent onClicked: { Qt.quit(...

2019-07-21 21:50:38 1121

原创 QML中mapToItem和mapFromItem的使用

在Qt帮助文档里object mapToItem(Item item, real x, real y)object mapToItem(Item item, real x, real y, real width, real height)object mapFromItem(Item item, real x, real y)object mapFromItem(Item item, r...

2019-07-21 21:35:48 3344

原创 Qt中自定义可编辑TreeView的Model

通过上一篇博文《Qt中自定义只读TreeView的Model》，我们介绍了用C++如何写一个只读TreeView的Model，接下来我们需要其具有编辑功能。类比自定义ListView的Model，我们发现，让其具有可编辑功能，只需要加三个必要的接口：Qt::ItemFlags flags(const QModelIndex &index) const override;bool s...

2019-07-19 21:33:04 3689

原创 Qt中自定义只读TreeView的Model

通过学习Qt自带的例子和帮助文档，简化了其中的一个例子，来学习如何自定义TreeView的Model。以下是自定义一个只读的TreeView的Model，实际中可以直接复制过来使用，避免重复造轮子。官方的文档一直都是很好的学习资料，尤其是官方的例子和help文档。本文参考了官方的Simple Tree Model Example例子。这是简单的树状结构，可以看出行的结构，但是缺乏列的信息。...

2019-07-19 17:55:33 1795

原创 qml中text显示不同颜色或大小的文字

运行效果：import QtQuick 2.9import QtQuick.Window 2.2import QtQuick.Layouts 1.12Window { visible: true width: 640 height: 480 title: qsTr("Hello World") ColumnLayout { Tex...

2019-07-18 21:29:19 6326

原创 QML中ListView的C++模型（三）

Model支持插入和删除行，需要自己添加插入和删除的函数，并且在插入函数中（插入数据前）调用void QAbstractItemModel::beginInsertRows(const QModelIndex &parent, int first, int last)插入数据完成后，调用void QAbstractItemModel::endInsertRows()；类似地，在...

2019-07-18 09:52:18 857

原创 QML中ListView的C++模型（二）

接上一篇，在stringlistmodel.h中添加Qt::ItemFlags flags(const QModelIndex &index) const override;bool setData(const QModelIndex &index, const QVariant &value, int role) override;在stringlistmode...

2019-07-17 22:21:32 490

原创 QML中ListView的C++模型（一）

在Model-View_delegate框架中，C++自己定义的Model一直都没有完全掌握，现在对自己学到的做一些简单的总结和用例子来展示。例子一：main.qml中import QtQuick 2.9import QtQuick.Window 2.2import QtQuick.Layouts 1.3import QtQuick.Controls 2.0Window { ...

2019-07-17 22:14:50 1503

原创 QML中ListView向上滚动效果

最近在做一个小的音乐播放器，歌词滚动效果在qml中居然可以很容易的实现。在QML的源码中找到思路的，现在就把这种效果单独做了个demo出来。利用的是listView的preferredHighlightBegin和preferredHighlightEnd源文件：main.qmlimport QtQuick 2.9import QtQuick.Window 2.2Window {...

2019-07-16 17:56:47 1998 4

原创 QML歌词从左到右变色效果

要实现的效果如下：代码：import QtQuick 2.9import QtQuick.Window 2.2import QtGraphicalEffects 1.0Window { visible: true width: 400 height: 100 title: qsTr("Hello World") Text{ i...

2019-07-07 21:03:59 793 2