qml
Liu-Eleven
纸上得来终觉浅,绝知此事要躬行。
展开
-
QML中GridView的一些理解
学习QML中的GridView元素,对其中几项属性的理解。原创 2023-02-27 16:41:11 · 1879 阅读 · 0 评论 -
关于QML仪表空间 CircularGauge的理解
最近做一个qt仪表,但是对于qml自带的仪表控件有点模式,于是在网上找到了一篇很好理解的文章,转载记录。转载 2022-08-19 11:27:51 · 1296 阅读 · 1 评论 -
qml打印输出行号
在qml中我们调试打印信息使用console.log()方式去打印信息,但是在控制台上并不能显示该条信息具体打印的位置以及是哪个文件。如果我们项目的文件非常多,那么很难定位。那么使用Qt日志重定向功能很好的解决这个问题。1.在main.cpp中加入以下代码:#include <QFile>#include <QMutex>#include <QDateTime>QtMessageHandler gDefaultHandler = NULL;void m原创 2022-03-11 10:02:01 · 1489 阅读 · 0 评论 -
创建QML单例在项目中使用
一、创建QML单例的几种方式在我们开发项目时,一般都会单独写一个文件作为全局的配置文件。而这个文件一般都是全局只能有一个对象。因此在QML文件中,也提供了创建单例的方法。1.纯QML文件创建单例模式1.1假设有配置文件名为:Config.qml,内容如下:pragma Singleton //qml开头必须要有这一句import QtQuick 2.9QtObject { id: config objectName: "config" property原创 2022-03-08 20:33:57 · 1113 阅读 · 0 评论 -
qml插件自动生成描述文件(plugin.qmltypes)
1.什么是qmltypes文件?答:qmltypes是qml插件的解释文件,用于QtCreator语法高亮。可通过Qt提供的工 具qmlplugindump自动生成。2.在windows下编译qml插件时候,如何自动生成该文件?2.1 设置qmlplugindump工具在windows中的环境变量。1.找到qmlplugindump安装路径2.加入环境变量3.启动dos窗口,输入命令qmlplugindump验证:2.2 写生成脚本cr...原创 2022-03-05 21:08:09 · 1767 阅读 · 1 评论 -
qml开发小技巧
1.设置app版本号。main.cpp中写入下面代码: QGuiApplication app(argc, argv); app.setApplicationVersion("1.0.1.0");main.qml中获取版本号 Text { anchors.centerIn: parent; text: "App version " + Qt.application.version }运行结果如下图:2.qml把全局文件作为单例使原创 2021-05-10 15:00:48 · 622 阅读 · 0 评论 -
QML编码规范
qt官方原文:https://doc.qt.io/qt-5/qml-codingconventions.html目录QML对象声明属性组列表JavaScript代码QML对象声明QML对象特性一般使用下面的顺序进行构造:id 属性声明 信号声明 JavaScript函数 对象属性 子对象 状态 状态切换为了获取更好的可读性,建议在不同部分之间添加一个空行。例如,下面使用一个Photo对象作为示例:Rectangle { id: photo //翻译 2020-11-25 09:00:46 · 512 阅读 · 0 评论 -
Qt之QML虚拟键盘
键盘样式一:键盘样式二:Qt官方软键盘示例:要想使用Qt中的虚拟键盘,需要以下几个步骤:1.修改你的.pro文件,添加如下内容:static { QT += svg QTPLUGIN += qtvirtualkeyboardplugin}QT_VIRTUALKEYBOARD_STYLE=qtvirtualkeyboard myapp2.在main.cpp中添加以下代码:qputenv("QT_IM_MODULE", QByteArray("qt原创 2020-11-04 23:14:07 · 2724 阅读 · 0 评论 -
QML PathView之 PathQuad
qml中PathView元素自带一个很有意思的例子,效果如图:其中Path段代码如下: path: Path { startX: 120; startY: 100 PathQuad { x: 120; ...原创 2020-04-06 16:41:20 · 907 阅读 · 0 评论 -
QML编程杂谈
1.计算函数执行时间和打印函数执行次数1、打印代码块时间console.time("wholeFunction");console.timeEnd("wholeFunction");2、打印执行次数console.count("fun called")2.约定俗成的规则id属性声明信号声明JavaScript函数对象属性子对象状态状态切换...原创 2020-04-03 19:52:46 · 622 阅读 · 0 评论 -
嵌入式下用Qt实现截屏
最近有个需求需要更新设备的ui文档。但是用手机拍照又是那么不尽人意,于是想到用Qt写个截屏功能,于是先在ubuntu16.0.4中写个测试例子,代码如下:void ScreenShort::screenShortOne(){ QScreen *screen = QGuiApplication::primaryScreen(); QString filePathName = ...原创 2020-03-05 14:06:48 · 1416 阅读 · 0 评论 -
使用zinnia+qml制作手写输入法
今天逛git无意间发现了一个Qt写的手写输入法,对于手写输入法早就觊觎的我当然不能放过它。git源码奉上:https://github.com/penk/qml-handwriting再来几张图镇楼接下来就是具体制作的步骤了:以下是git上readme的原始方法:InstallZinnialibrary Install QMLCanvasplugi...原创 2020-03-04 20:37:08 · 1415 阅读 · 2 评论 -
Qml环形倒计时
项目中有一个界面是输入密码错误时,进行倒计时界面。由于项目时基于QML写的,所以研究了下用Canvas画倒计时界面:项目中的界面:我实现的:上传的gif图,不会动啊实现的过程中走了许多弯路,试了多种方法组合和函数。如果项精准控制,需要对以下函数有深刻认识:context.arc(x,y,r,sAngle,eAngle,counterclockwise);cont...原创 2019-12-18 22:07:19 · 807 阅读 · 2 评论 -
浅谈QML框架(一)
大早上被楼下挖掘机吵醒,与其睡不着,还不如起来看看博客。先上挖掘机图镇楼。原文博客:https://blog.csdn.net/bootleader/article/details/76021459,看完这篇博客,又刷新了对QML的认知,下面我就谈谈我的理解吧。问题一:如原博主所说:“在写qml程序时,遇到一种bug,子视图覆盖在父视图之上显示,但是还可以点击到父视图的内容,从而使...原创 2019-11-30 09:18:15 · 1799 阅读 · 0 评论 -
QML 指定Button哪个角可以是圆角
最近做项目时需,有一个左边是圆角右边是直角的按钮。于是开始查找qml中的Button是否可以这样设置。经过检索,未发现有可用价值的代码,于是自己就简单的实现了一个。思路比较笨。代码如下:(不喜勿喷) ButtonGroup { buttons: rows.children } RowLayout { ...原创 2019-10-30 12:54:27 · 5225 阅读 · 3 评论 -
qt.network.ssl: QSslSocket::connectToHostEncrypted: TLS initialization failed
先来张错误截图:最近在搞qml,然后研究了别人用QML写的天气预报,(链接文章末尾发出来)但是在联网获取天气的时候,总是报这个错,这个问题网上一搜一大把,但是很多都是坑,有弯路。于是我总结了一下,亲测可用。1.首先确定你选择打开工程的编译器是64位还是32位,确定方法如下:2.去QtCreator的安装目录,搜索ssleay32.dll和libeay32.dll然后...原创 2019-04-27 14:57:45 · 9924 阅读 · 9 评论 -
qml和C++类的交互方法
直入主题,主要记录C++和QML混合编程的方式以及相关函数的用法。一:int qmlRegisterType(const char *uri, int versionMajor, int versionMinor, const char *qmlName)工程文件:customquck.hcustomquck.cppmain函数:qml写法:运行结果...原创 2019-04-30 09:25:04 · 713 阅读 · 0 评论 -
qml MouseArea鼠标穿透问题
先来看一段代码:import QtQuick 2.9import QtQuick.Window 2.2import QtQuick.Controls.Styles 1.4import QtQuick.Controls 1.4import QtGraphicalEffects 1.0Window { visible: true width: 640 heig...原创 2019-05-09 13:29:39 · 2570 阅读 · 0 评论 -
qml text跟随边框变动
import QtQuick 2.0import QtQuick.Window 2.11Window { visible: true width: 320 height: 240 Row { spacing: 10 anchors.centerIn: parent Text { text: qsTr("请输入...转载 2019-05-21 15:38:25 · 867 阅读 · 0 评论 -
qml-material win10编译步骤
最近在学习QML,由于中美贸易战很激烈,小弟担心git被老美封(防患于未然,虽然不知道可能性有多大)于是再git上搜索大量有关qml的信息并down下来。先说下小弟的平台环境:目标平台 操作系统: win10企业版 qt版本: qt5.12.3 编译器: msvc2017 先来几张图片养养眼:废话不多说,直接看如何编译安装。qml-mate...原创 2019-05-25 09:56:40 · 1403 阅读 · 0 评论 -
qt开发的网络视频播放器
由于代码还没整里,先放一张图片,如下:原创 2019-05-31 14:24:48 · 4145 阅读 · 8 评论 -
Qt开发android之找不到R文件包
先来看下这个让人无语的错误:这个例子很简单,点击qml一个按钮,可以调用android的通知。其实Qt官方给了一个这样的例子,编译运行完全OK,于是自己仿照写了一个,但是怎么搞,都出现上面这个错误。下面看下我的工程目录:java源码包目录:(为了快速定位问题,啥都仿照官方例子来搞了,没得办法,找了快一天了。。。。。)AndroidManifest.xml文件里的坑第一坑:...原创 2019-06-06 17:48:49 · 658 阅读 · 0 评论 -
QML学习之Compoment和Qt.createComponent
先看代码:TestCompont.qmlimport QtQuick 2.0import QtQuick.Window 2.0import QtQuick.Controls 1.4Rectangle { id: compontRect color: Qt.rgba(0.8, 0.4, 0.4, 1.0) implicitWidth: 200 impli...转载 2019-05-29 18:17:26 · 5900 阅读 · 0 评论 -
qml C++插件plugin.qmltypes
先上图:在git上看到一个开源的工程,(git地址:https://github.com/machinekoder/QtKnobs)下载下来后简单的研究了下。这个工程主要是用C++写插件然后给qml调用。正好自己现在在学习这方面的知识,于是就记录一下。1.下载并编译下载后编译会生成三个文件:(这里生成的文件名被我改了)2.生成plugin.qmltypes文件这...原创 2019-07-05 16:37:02 · 3548 阅读 · 1 评论