qml
qml学习
屁小猪
生于忧患,死于安乐
展开
-
Q_PROPERTY -- MEMBER理解
转自:http://blog.sina.com.cn/s/blog_c3c7614d0102wdet.html转载 2022-03-24 17:29:59 · 781 阅读 · 0 评论 -
qml 颜色调试(rgb)
https://www.fontke.com/tool/rgb/000000/原创 2022-02-24 09:02:43 · 566 阅读 · 0 评论 -
Text 文字竖着显示
import QtQuick 2.15import QtQuick.Window 2.15Window { width: 640 height: 480 visible: true title: qsTr("Hello World") Rectangle{ anchors.centerIn: parent width: 100 height: 200 color: "green" Text {原创 2022-02-21 20:36:00 · 1034 阅读 · 0 评论 -
Canvas -- 绘制线(切圆)
import QtQuick 2.15import QtQuick.Window 2.15Window { width: 640 height: 480 visible: true title: qsTr("Hello World") //绘制路径,以beginPath开始,以closePath结束,每次调用beginPath时,若之前未调用closePath,则会自动调用closePath Canvas{ id:mycanvas原创 2022-02-19 17:25:59 · 302 阅读 · 0 评论 -
Canvas绘制路径 -- 绘制圆弧
import QtQuick 2.15import QtQuick.Window 2.15Window { width: 640 height: 480 visible: true title: qsTr("Hello World") //绘制路径,以beginPath开始,以closePath结束,每次调用beginPath时,若之前未调用closePath,则会自动调用closePath Canvas{ id:mycanvas原创 2022-02-19 16:52:23 · 210 阅读 · 0 评论 -
Canvas绘制路径 -- 三角形
import QtQuick 2.15import QtQuick.Window 2.15Window { width: 640 height: 480 visible: true title: qsTr("Hello World") //绘制路径,以beginPath开始,以closePath结束,每次调用beginPath时,若之前未调用closePath,则会自动调用closePath Canvas{ id:mycanvas原创 2022-02-19 16:29:58 · 471 阅读 · 0 评论 -
Canvas绘制路径--注意使用beginPath()
import QtQuick 2.15import QtQuick.Window 2.15Window { width: 640 height: 480 visible: true title: qsTr("Hello World") //绘制路径,以beginPath开始,以closePath结束,每次调用beginPath时,若之前未调用closePath,则会自动调用closePath Canvas{ id:mycanvas原创 2022-02-17 08:52:36 · 382 阅读 · 0 评论 -
Canvas --绘制文本
import QtQuick 2.15import QtQuick.Window 2.15Window { width: 640 height: 480 visible: true title: qsTr("Hello World") //绘制文本,填充和描边2种方式 Canvas{ id:mycanvas width: 640 height: 200 onPaint: {原创 2022-02-16 21:48:50 · 270 阅读 · 0 评论 -
Canvas -- 状态保存与恢复
import QtQuick 2.15import QtQuick.Window 2.15Window { width: 640 height: 480 visible: true title: qsTr("Hello World") //Canvas是一个状态机,用save保存以前属性,restore弹出以前属性 Canvas{ id:mycanvas width: 200 height: 200原创 2022-02-16 21:33:13 · 390 阅读 · 0 评论 -
Canvas--绘制矩形
import QtQuick 2.15import QtQuick.Window 2.15Window { width: 640 height: 480 visible: true title: qsTr("Hello World") Canvas{ id:mycanvas width: 200 height: 200 onPaint: { var ctx = getCon原创 2022-02-16 14:43:15 · 634 阅读 · 0 评论 -
qml给c++传值,c++同时给qml传值处理
程序目录结构callBackFun.proQT += quickCONFIG += c++11# You can make your code fail to compile if it uses deprecated APIs.# In order to do so, uncomment the following line.#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000 # disables all the APIs depre原创 2022-02-11 08:46:59 · 284 阅读 · 0 评论 -
Qt 创建动态插件及调用插件(2)
一、生成动态插件通过插件扩展应用程序功能A、定义一个接口集(只有纯虚函数的类),用来与插件交流。B、用宏Q_DECLARE_INTERFACE()将该接口告诉Qt元对象系统。C、应用程序中用QPluginLoader来加载插件。D、用宏qobject_cast()来判断一个插件是否实现了接口。创建一个插件的步骤如下:A、声明插件类,插件类继承自QObject和插件实现的接口。B、用宏Q_INTERFACES()将插件接口告诉Qt元对象系统。C、用宏Q_EXPORT_PLUGIN2()导出插原创 2022-02-09 17:37:35 · 942 阅读 · 0 评论 -
qml实现高德地图(2)
这里只实现一个地图映射引擎1.编译插件pro文件:TARGET = GDQT += location-private positioning-private networkPLUGIN_TYPE = geoservicesPLUGIN_CLASS_NAME = GDProviderFactoryload(qt_plugin)HEADERS += \ gdproviderfactory.h \ gdqgeotiledmap.h \ gdqgeotiledmappin原创 2022-02-09 10:31:05 · 1849 阅读 · 1 评论 -
QML地图简介(1)
一、地图插件介绍1.qml提供了四个内建的地图在线插件"esri"、“mapbox”、“nokia”、“osm”,但是都不是国内地图,对国内很不友好,esri国内可以使用。要是想使用高德和谷歌需要自己写插件。例如:插件文件gd_plugin.json{ "Keys": ["amap"], "Provider": "amap", "Version": 200, "Experimental": false, "Features": [ "Onlin原创 2022-02-09 10:13:42 · 2684 阅读 · 0 评论 -
qml使用c++中信号
#ifndef TEST_H#define TEST_H#include <QObject>#include <QDebug>class test : public QObject{ Q_OBJECTpublic: explicit test(QObject *parent = nullptr);public slots: void show() { qDebug() << "===========show===原创 2022-02-08 16:44:01 · 591 阅读 · 0 评论 -
qml添加qmldir文件步骤
1.写自定义控件2.编写qmldir文件3.在pro文件中添加模块路径4.在mian.cpp中加载qml之前添加模块路径5.qml中引用自定义qml模块6.效果如图:原创 2022-01-18 11:48:11 · 1137 阅读 · 0 评论 -
QT_QML_仿微信界面(实战)
QT_QML_仿微信界面(实战)效果如下:代码获取地址:链接:https://pan.baidu.com/s/1wmDqpe94HnY_OPjSou5xBg提取码:xmkt原创 2021-03-19 16:52:46 · 1809 阅读 · 0 评论 -
window下qt_qml程序打包
window下qt_qml程序打包1.按release或debug模式编译程序;2.将exe文件拷贝到单独目录;3.windeployqt.exe找到所在路径,加载到path环境变量;4.使用windeployqt对其进行打包。第一次打包qml的程序,直接 windeployqt xxxx.exe文件后,执行.exe文件,完全运行不了;5.原来对qml的程序打包,在执行windeployqt 命令时需要加上 -qmldir这个参数. 再次打包, 执行.exe文件,依然运行不了;6.用 winde原创 2021-02-25 09:41:59 · 709 阅读 · 0 评论 -
qml学习(4)--combox(onCurrentTextChanged)
combox存在问题界面加载完成信号Component.onCompleted: {console.log(“1”)}combox盒子组件combox{model:{console.log(“2”)}onActivated: {}onCurrentTextChanged: {}}以上发现总是先打印2,再打印1;onCurrentTextChanged信号在index无论是否改变时都会触发onActivated只有index改变时才会触发,工作中可以用onActivated替原创 2021-01-19 20:10:13 · 1473 阅读 · 0 评论 -
qml学习(3)--TableView
qml学习(3)–TableViewimport QtQuick 2.9import QtQuick.Window 2.2import QtQuick 2.2import QtQuick.Controls 1.2import QtQuick.Controls.Styles 1.2import QtQuick.Layouts 1.1Window { visible: true width: 360 height: 240 title: qsTr("Hello W原创 2021-01-14 23:04:01 · 533 阅读 · 0 评论 -
qml学习(2)--TabView(TabViewStyle)
qml基础学习–TabViewimport QtQuick 2.9import QtQuick.Window 2.2import QtQuick 2.2import QtQuick.Controls 1.2Window { visible: true width: 640 height: 480 title: qsTr("Hello World") color: "lightgray" id:root property var backgr原创 2021-01-14 22:55:30 · 1676 阅读 · 1 评论 -
qml学习(1)--ListView
listview基础复习import QtQuick 2.9import QtQuick.Window 2.2import QtQuick 2.2import QtQuick.Controls 1.1import QtQuick.Layouts 1.1//ListView 显示一个条目列表//model 条目对应的数据//Delegate 条目的外观Window { visible: true width: 640 height: 480 ti原创 2021-01-14 22:51:55 · 370 阅读 · 0 评论