QT
关注
分享
扫一扫
于大博
如果你不给自己设限，世界上便没有限制你发挥的篱笆。
展开
-
QT版本下载地址
1. 所有Qt版本下载地址：http://download.qt.io/archive/qt/2. 所有Qt Creator下载地址：http://download.qt.io/archive/qtcreator/3. 所有Qt VS开发插件下载地址:http://download.qt.io/archive/vsaddin/4. Qt相关下载大全http://download.qt....原创 2019-09-04 22:20:36 · 149 阅读 · 0 评论 -
QT使用PathView实现滚动菜单
import QtQuick 2.6 /* * 作者: yubo * 功能: GearComponent * 描述: 提供一个公共调用旋转动画控件 * 日期: 2019-05-05 */Item { width: 400 height: 200 ListModel { id: myModel ListElemen...原创 2019-05-07 10:57:14 · 1103 阅读 · 0 评论 -
QT程序参数配置framebuffer显示
export QT_QPA_EGLFS_FB=/dev/fb2 // 设置qt显示在framebuffer2上sshpass -p password ssh root@192.168.2.100 // 远程连接终端原创 2019-05-05 10:15:13 · 4606 阅读 · 0 评论 -
QT图片旋转控件实现
/* * 作者: yubo * 功能: 图片旋转特效 * 描述: 图片x,y,z轴旋转控件 * 日期: 2019-04-10 */Flipable { id: flipable width: 800 height: 600 property int flipped: 0 MouseArea{ anchors.fill: par...原创 2019-04-29 13:47:53 · 962 阅读 · 0 评论 -
QThread线程使用方式
线程实例一 当我们创建线程时，首先是从QThread派生类定义一个新的线程，然后再使用该线程时，创建该线程类的对象。class MyThread : public QThread {protected: void run(); /* 重载run */};void MyThread::run(){ QT...原创 2019-04-28 12:57:58 · 665 阅读 · 0 评论 -
QT注册QML属性参数
Q_PROPERTY(type name(READ getFunction [WRITE setFunction] |MEMBER memberName [(READ getFunction | WRITE setFunction)])[RESET resetFunction][NOTIFY notifySignal][REVISION int][DESIGNABLE bool][...原创 2019-04-23 09:34:26 · 519 阅读 · 0 评论 -
QT两种启动模式
QQmlApplicationEngine搭配WindowQQuickView搭配Item两者不同之处在于：使用QQuickView显示QML文档，对窗口的控制权（比如设置窗口标题、Icon、窗口的最小尺寸等）在C++代码；而使用QQmlApplicationEngine加载以Window为根对象的QML文档，QML文档则拥有窗口的完整控制权，可以直接设置标题、窗口尺寸等属性。1、...原创 2019-04-17 16:59:55 · 708 阅读 · 0 评论 -
QT中C++暴露QList<qint32>/QList<quint32>类型对象在qml中使用异常
import QtQuick 2.6// C++暴露的QList<qint32>类型，QList<quint32>类型qml无法识别// 问题:直接绑定到listview不生效// 方法1:QStringList可直接绑定// 方法2:Qt.binding(function(){ return listModel })property var listMode...原创 2019-03-28 19:10:16 · 1353 阅读 · 0 评论 -
QT中QML动态调整x，y坐标小模块
property int mX: 0MouseArea { width: 1440 height: 540 acceptedButtons: Qt.LeftButton | Qt.RightButton onClicked: { if (mouse.button == Qt.RightButton) mX++ else ...原创 2019-03-27 18:02:15 · 2315 阅读 · 0 评论 -
QT文字发光特效
import QtQuick 2.6import QtGraphicalEffects 1.0/* * 作者: yubo * 功能: 文字光晕特效 * 描述: 定制Text光晕样式公共控件，档位切换特效 * 日期: 2019-03-13 */Row { property var gearArray: [ "P", "R", "N", "D" ] spacing...原创 2019-03-13 14:15:59 · 2775 阅读 · 0 评论 -
QT中QML实现状态机过渡控件
控件定义ItemPanel.qmlimport QtQuick 2.6/* * 作者: yubo * 功能: Item(显示/隐藏)增加状态机过渡 * 描述: 显示或隐藏状态可执行过渡动画，包括控件属性线性变化 * 日期: 2019-03-14 */Item { id: rootPanel property var showAnimation: Seque...原创 2019-03-14 15:54:38 · 390 阅读 · 0 评论 -
QT中QML控件Colorize和Glow一起使用异常
图片修改色相饱和度和辉光效果一起使用存在bugImage { id: home ...原创 2019-05-21 17:30:56 · 619 阅读 · 0 评论 -
QT多线程（QObject::moveToThread: Cannot move objects with a parent）
每个QObject的对象，都和某个创建对象所在的线程关联，如果把对象通过 moveToThread 移动到其他线程，这个对象不能有父对象，否则会出现 QObject::moveToThread: Cannot move objects with a parent...原创 2019-05-22 10:06:49 · 9809 阅读 · 0 评论 -
QT多线程，GUI线程处理显示，Worker线程执行任务
方式一：Worker类 class Worker : public QObject { Q_OBJECT public slots: void doWork(const QString ¶meter) { QString result; /* ... here is the expensive o...原创 2019-05-22 11:46:52 · 1355 阅读 · 1 评论 -
Qt quick性能提升
Qt quick性能优化使用时间驱动 避免定时轮询； 使用信号槽形式；使用多线程 C++; QML WorkerScript元件；使用Qt Quick Compiler 只需要再PRO文件中添加一行：CONIFG += qtquickcompiler避免使用CPU渲染的元件； Canvas、Qt Charts;使用异步加载 图片异步加载...原创 2019-06-27 17:14:10 · 2790 阅读 · 0 评论 -
QTimer与Lambada使用问题
QTimer与Lambada在类的成员函数中执行下面这一行代码会有隐藏问题：QTimer::singleShot(1000, [&](){ dosomething();});这里有一个隐患，dosomething();调用者为this，如果在1000ms之内碰巧this被销毁了，那么1000ms之后，这个Lambada依然会被执行，此时有可能导致crash或其他为知结果，正确的写...原创 2019-06-11 16:34:13 · 1295 阅读 · 0 评论 -
QML Shader Effect
9. Shader Effect注意最后一次构建：2014年1月20日下午18:00。这章的源代码能够在http://qmlbook.org/assets/中找到。着色器允许我们利用SceneGraph的接口直接调用在强大的GPU上运行的OpenGL来创建渲染效果。着色器使用ShaderEffect与ShaderEffectSource元素来实现。着色器本身的算法使用OpenGL Shad...翻译 2019-06-04 14:45:16 · 2539 阅读 · 0 评论 -
QT中Img颜色遮罩ShaderEffect实现
import QtQuick 2.6/* * 作者: yubo * 功能: 特效控件 * 描述: 遮罩图片显示，自定义颜色根据比例显示 * 日期: 2019-06-04 */Item { id: root property string source; // 图片源路径 property real percent: 0 // 图片这招比例 p...原创 2019-06-04 13:54:01 · 692 阅读 · 0 评论 -
Qt quick 2d shader effect
---------------------------------------------------Qt quick 2d shader effect---------------------------------------------------概念 着色器和普通的图像处理程序不同，它只针对一个点做运算，它包括： vertext shader: 顶点着色器，...原创 2019-06-04 10:31:41 · 392 阅读 · 0 评论 -
QT Widgets和QML区别
一.Qt Widgets适合传统的桌面程序开发二.Qt Quick 是 Qt 4.7 主推的技术， Qt 官网介绍：Qt Quick 是一种高级用户界面技术，使用它可轻松用于移动开发、嵌入式设备使用的动态触摸式界面和轻量级应用程序的开发。在 Qt 5 中，QML 已经不再局限于移动开发，也可用于开发传统的桌面程序。三种全新的技术共同构成了 Qt Quick 用户界面创建工具包：一个改进的 ...原创 2019-06-19 13:17:15 · 27673 阅读 · 1 评论 -
QT图片模糊效果qml
import QtQuick 2.0 import QtGraphicalEffects 1.0 Item { width: 300 height: 300 Image { id: bug source: "images/bug.jpg" sourceSize: Qt.size(par...原创 2019-06-06 13:44:24 · 2028 阅读 · 0 评论 -
QML对JSON处理
// JSON字符串序列化var data = { "name": "yudabo" };var json = JSON.stringify(data);console.log(json);// 解析JSON字符串var string = JSON.parse(data);console.log(string);原创 2019-05-13 10:49:21 · 5815 阅读 · 0 评论 -
QT两个类之间*指针传递
VideoForV4L2.hpp#ifndef VIDEOFORV4L2_HPP#define VIDEOFORV4L2_HPP#include <QObject>#include <QString>#include "IoctlWorker.hpp"class VideoForV4L2 : public QObject{ Q_OBJECT...原创 2019-05-22 12:08:45 · 3093 阅读 · 0 评论 -
QT中QML根据角度变换控制转速数字大小
show.qml Item { id: markValue property var spdTextXYType: [ [ 98, 334 ], //0 [ 82, 259 ], //5 [ 100, 181 ], //10 [ 150, 131 ], //15 [ 226, 107 ], /...原创 2019-02-13 16:27:09 · 577 阅读 · 1 评论 -
QT信号槽连接方式
我们最常用的connect()函数的原型之一如下：QMetaObject::Connection QObject::connect(const QObject * sender, const char * signal, const QObject * receiver, const char *method, Qt::ConnectionType type = Qt::AutoConne...原创 2019-01-23 17:23:59 · 8005 阅读 · 0 评论 -
QT自定义碰撞效果控件
import QtQuick 2.6import QtGraphicalEffects 1.0/* * 作者: yubo * 功能: CollideAuto * 描述: 提供一个公共调用碰撞动画控件 * 日期: 2018-08-09 */Item { id: collide property int dutationTime: 2000 //时间周期 ...原创 2018-12-04 16:23:35 · 688 阅读 · 0 评论 -
QT程序编译打包发布（Windows）
（1）编译路径 windeployqt DiyName.exe（开始菜单进入QT）copy可执行程序所需依赖库（2）Enigma Virtual Box 8.0.0.0打包成一个可执行EXE（3）release模式编译库文件会减少...原创 2018-11-29 09:31:12 · 496 阅读 · 1 评论 -
ListView菜单
import QtQuick 2.6/* * 作者: yubo * 功能: 菜单控件 * 描述: 列表形式的菜单，支持传入listmodel，可扩展为横向和纵向的列表 * 日期: 2018-07-12 */Item { // 菜单数据模型对象 property var listModel; property int currentIndex: 0 ...原创 2018-11-23 09:20:04 · 459 阅读 · 0 评论 -
走马灯效果QT控件
import QtQuick 2.6/* * 作者: yubo * 功能: TextRolling * 描述: 走马灯形式的文本控件，暂时针对与MP3提供，可扩展 * 日期: 2018-07-12 */Item { // 文本 property string infoValue: "" property string titleValue: "" ...原创 2018-11-20 09:12:04 · 905 阅读 · 0 评论 -
QT时钟控件显示
import QtQuick 2.6import QtQuick.Layouts 1.3/* * 作者: yubo * 功能: Time * 描述: 时间时钟显示 * 日期: 2018-07-12 */Item { property var timeSetValueId: [ hourTen, hourBit, miniuteTen, miniuteBit ] p...原创 2018-11-22 09:46:31 · 1433 阅读 · 0 评论 -
QT渐变Text文字实现
import QtQuick 2.6/* * 作者: yubo * 功能: 渐变字体显示 * 描述: 支持渐变颜色Text，对齐方式可以按照属性设置 * 日期: 2018-07-12 */Item { // 速度值 property int speedValue: 120 // 速度文字图片大小类型 0: 普通类型 1: 放大类型 property...原创 2018-11-21 14:56:38 · 1337 阅读 · 0 评论 -
QT粒子特效2
import QtQuick 2.6import QtQuick.Particles 2.0/* * 作者: yubo * 功能: 粒子背景发射器 * 描述: 三维粒子发射角度，中线点坐标需要按需求设置，粒子数量，速度，变化量，颜色可控制 * 日期: 2018-07-12 */ParticleSystem { id: sys // 粒子发射速率 prop...原创 2018-11-15 09:32:50 · 552 阅读 · 0 评论 -
QT滚动菜单控件
import QtQuick 2.6/* * 作者: yubo * 功能: PathView * 描述: 滚动菜单，滚动路线可设置，每个菜单激活Item可进行效果变化，具体坐标根据需求设置 * 日期: 2018-07-12 */PathView { id: listView property alias menuModel: listView.model ...原创 2018-11-21 09:46:42 · 1397 阅读 · 0 评论 -
QT粒子效果3
import QtQuick 2.6import QtQuick.Particles 2.0/* * 作者: yubo * 功能: 二维空间粒子发射器 * 描述: 支持依照形状进行发射粒子，粒子发射方向和数量以及生命周期可控制，方向支持x和y两个方向，角度可变，粒子发射速度以及速率可变 * 日期: 2018-07-12 */ParticleSystem { id: sy...原创 2018-11-16 09:55:52 · 740 阅读 · 0 评论 -
QT实现粒子特效案例1
import QtQuick 2.6import QtQuick.Particles 2.0/* * 作者: yubo * 功能: 粒子背景发射器 * 描述: 支持依照Item进行发射粒子，粒子发射方向和数量以及生命周期可控制，填充Item变化，可扩展粒子角度以及方向 * 日期: 2018-07-12 */ParticleSystem { id: sys // ...原创 2018-11-14 09:55:42 · 1588 阅读 · 0 评论 -
QTI图片颜色变化大小缩放实现
import QtQuick 2.6import QtGraphicalEffects 1.0Image { id: icon source: "image.png" visible: true Colorize { anchors.fill: parent source: i...原创 2018-12-04 16:32:48 · 207 阅读 · 0 评论 -
QT渲染效果查看分层
（1）//配置查看分层渲染环境（构建环境中配置）export QSG_VISUALIZE=overdraw（2）Shell脚本(run.sh)#!/bin/sh#export QSG_VISUALIZE=batchesexport QSG_VISUALIZE=overdrawmake && ./bin/run -s /dev/pts/$1$1代表串口号在执...原创 2018-11-30 10:02:52 · 707 阅读 · 0 评论 -
QTText设置文字超出显示属性
Text{elide: 设置超出省略号显示属性}原创 2018-12-03 09:26:28 · 1358 阅读 · 1 评论 -
QT属性绑定binging
Item { width: 500 height: 500 Rectangle { id: rect width: 100 color: "yellow" } Component.onCompleted: { rect.height = Qt.binding(function() { re...原创 2019-01-23 14:29:19 · 1205 阅读 · 0 评论 -
QT中json和js对象相互转换
JSON转JSvar obj = JSON.parse(byteArray); //JSON文本转js对象console.log("cpp obj is",obj);console.log("title: ",obj[0]);console.log("jsonobject 1:",obj[1]["id"]);JS转JSONvar jsonString=JSON.stringi...原创 2019-01-22 10:15:22 · 1181 阅读 · 0 评论