- 综合排序
- 最热优先
- 最新优先
- 来自专栏全栈程序员必看
QML入门教程：一、QML和QtQuick简介以及QML实例
而 Qt Quick 就是使用 QML 构建的一套类库。 QML 是一种基于 JavaScript 的声明式语言。 虽然 QML 是解释型语言，性能要比 C++ 低一些，但是新版 QML 使用 V8，Qt 5.2 又引入了专为 QML 优化的 V4 引擎，使得其性能不再有明显降低。 但是在 Qt 5 中，QML 已经不仅限于开发手机应用，也可以用户开发传统的桌面程序。 QML 文档描述了一个对象树。 每一个 QML 有且只有一个根元素，类似于 XML 文档。这个根元素就是这个 QML 文档中定义的 QML 元素，在这个例子中就是一个 Window 对象。 这说明 QML 文档是运行时解释的，不需要经过编译。所以，利用 QML 的解释执行的特性，QML 尤其适合于快速开发和原型建模。
6.9K20编辑于 2022-11-01 - 来自专栏半生瓜のblog
【QML】QML与C++混合编程
QML与C++混合编程 使用QQuickView pro文件中添加quick模块 #include<QApplication> #include<QQuickView> int main(int argc ,char* argv[]){ QApplication app(argc,argv); //加载qml文件到视图 QQuickView view; view.setSource 引擎 QQmlApplicationEngine engine; //引擎加载qml文件 engine.load(QUrl(QStringLiteral("qrc:/main.qml "))); if (engine.rootObjects().isEmpty()) return -1; return app.exec(); } QML调用C++函数 "); QObject* object = component.create(); QVariant msg = "Hello qml!"
1.5K30编辑于 2023-05-13 - 来自专栏跟Qt君学编程
Qml函数重载
介绍Qml子控件( Main.qml)重载父控件( Test.qml)的 foo函数重载的使用方法。 1 使用方法 子控件的根路径写相同的函数即可重载。 2 示例 Test.qml初始化中执行 foo函数，由于子控件重载了该函数即为执行子控件的 foo函数。 运行程序输出: ===== Main.qml Test { function foo() { console.log("=====") }} Test.qml import QtQuick
1.8K50发布于 2019-07-16 - 来自专栏Pou光明
Qml 快速使用
Demo总体概述：通过Widget上的Slider控制Qml中的拨码盘刻度指向，实现了Qml与Widget通信。 qml文件以及用到的图片是通过资源文件形式添加进来的。 QT += quick QT += core gui quickwidgets 二、 程序源码 1. Widgwet部分 该部分主要使用了QQuickWidget用来嵌入Qml的显示，并使用Qt的信号和槽来进行通信。 Qml部分 该部分程序几乎都是Qt官方自带例子的源码，为方便阅读，直接删去了例子中没有用到的部分。 三、 小结 对于地面站软件显示一些参数的情况下，使用Qml还是很方便的。以后有机会使用自定义Widget做一个类似的效果。
1.6K10发布于 2020-04-07 - 来自专栏半生瓜のblog
【QML】基础语法
QML Qt Quick QtQuick是一种高级界面技术，可轻松创建供移动、嵌入式设备使用的触摸式界面、轻量级应用程序。 QtQuick主要由3部分组成：QtQuick设计器，QML语言、quick模块。 Qt Quick建立在Qt现有的框架基础上，QML可以用来扩展现有的应用程序，也可以创建新的应用程序。 QML通过quick模块完全支持C++进行扩展。 hello world" elide:Text.ElideMiddle } TextEdit{ width: 200 text:"Hello qml
1.2K20编辑于 2023-05-13 - 来自专栏跟Qt君学编程
Qml解析json
color: "black" text: model.label } } } 源码下载 https://github.com/kromain/qml-utils
5.6K20编辑于 2023-03-17 - 来自专栏跟Qt君学编程
网页版QML
在网页上边写QML代码边显示效果。(文末项目地址) 该项目旨在将QML的功能引入到Web浏览器。以下是QML外观示例： ?
10.1K30发布于 2020-02-14 - 来自专栏跟Qt君学编程
Qml绑定特性
return i } } 运行后出现的结果是text的值会不断+1; 猜测情况下 text:changed()应该为函数的返回值0，由于changed函数内存在外部变量就不一定是0了； 分析 qml 绑定特性是绑定外部变量，外部变量变化触发信号更新，而信号的更新则会刷新text的值； 使用qml的":"右值为绑定表达式里面的外部变量。
83520发布于 2019-07-15 - 来自专栏跟Qt君学编程
qml读写文件
利用qmlRegisterType接口注册一个文件操作类到Qml中，这样Qml就可以实现读写文件。 file.close(); return true; } else { return false; } } 3 注册FileObject到Qml qmlRegisterType<FileObject>("FileObject", 1, 0, "FileObject"); ... } 4 在Qml中使用FileObject实例 读文件内容
2.6K10发布于 2019-07-15 - 来自专栏技术博客文章
PySide_PyQT_QML
engine.rootObjects(): sys.exit(-1) sys.exit(a.exec_()) 在该程序中，建立一个 Controler 类，并实现了一个获取温度的方法，获取温度后就可以再qml 1.3、添加界面文件 在项目中添加ui文件夹，并新建main.qml文件; 参考代码如下： import QtQuick 2.11 import QtQuick.Window 2.4 import QtQuick.Controls Controler.getTempValue() lines.append(cv.timcnt,cv.tempValue) console.log("qml e34c22" implicitWidth: 28 } } } } } 界面中使用了qml 的一个组件 ChartView 用于显示温度的变化曲线； 使用qml的组件 Gauge 来显示变化刻度； 2、执行程序 2.1、上传程序到树莓派 在工程上右键将这个项目文件上传到树莓派中： image-
2K30编辑于 2021-12-06 - 来自专栏跟Qt君学编程
Qml之DropArea示例
DropArea是一个不可见的项，当其他项(文件，文件夹等)被拖动到它上面时，它将接收到事件。 示例 onEntered为拖拽到(鼠标进入)控件触发事件； onDropped为拖拽到控件后(鼠标松手后)触发事件； drag和 drop分别为 onEntered和 onDropped事件可捕抓到的内容； DropArea { anchors.fill: parent; onEntered: { if (drag.urls.length !== 1) { // 过滤事件，只能
1.7K20发布于 2019-07-15 - 来自专栏QML 入门
1.1 Qt qml 开端
app(argc,argv); QQmlApplicationEngine engine; engine.load(QUrl(QStringLiteral("qrc:/main.qml engine.rootObjects().isEmpty()) return -1; return app.exec(); } 释义如下： 1、QQmlApplicationEngine对象用来加载qml 文件，这个类提供一种简易的方式，将一个QML文件加载到正在运行的程序中； 2、qml文件在资源中，所以前面需要使用 qrc:/ 前缀； 3、QCoreApplication::setAttribute(
1.2K70发布于 2021-06-01 - 来自专栏跟Qt君学编程
Qml失焦问题
Qml常见诡异失焦情况一般为明明设置了某一控件的焦点， 实际却是不生效。这到底时什么情况呢？用例子来分析这种情况。 1.常见失焦情况 被其他控件抢夺； 误以为设置成功。
2.7K21发布于 2019-07-15 - 来自专栏跟Qt君学编程
Qml之别名引用
import的别名引用 使用as引用,将 importQtQuick.Window2.0asMy的 QtQuick.Window2.0别名为 My引用. 属性的别名引用 使用alias别名引用,将 propertyaliasrectWidth:rect.width的 rect.width别名为 rectWidth引用. 例子 import QtQuick 2.5 import QtQuick.Window 2.0 as My My.Window { property alias rectWidth
2K10发布于 2019-07-15 - 来自专栏跟Qt君学编程
翻译 | QML编码约定
本文翻译自: https://doc.qt.io/qt-5/qml-codingconventions.html 原作者: Qt官网 本文档包含我们在文档和示例中应该遵循的QML编码约定，并建议其他人也遵循 0x01 QML对象声明 在整个文档和示例中，QML对象属性始终按以下顺序构造： id property declarations(自定义属性声明) signal declarations(信号声明 例如，photo的QML对象如下所示： Rectangle { id: photo // 第一行的id
1.2K20发布于 2020-02-14 - 来自专栏跟Qt君学编程
Qml信号绑定函数
使用Qml中的信号绑定函数。
1.8K20发布于 2019-07-15 - 来自专栏半生瓜のblog
【QML】简单动画实现
QML动画 **示例1：**动画作为属性值的来源 import QtQuick 2.0 //动画作为属性值的来源 //语法: 动画on属性 //easing属性来实现缓和曲线 Rectangle{ duration:2000 } } } **示例4:**独立动画 import QtQuick 2.0 //独立动画(动画作为普通的QML
92510编辑于 2023-05-13 - 来自专栏跟Qt君学编程
qml类型有那些?
Qml类型与Qt类型对照表 Qml类型 Qt类型 bool bool int unsigned int, int double double real float, qreal string QString 其他类型方法 Qml类型的另外实现 Qml实现 Qt方法 “10,10,100x100” Qt.rect(10, 10, 100, 100) “0,10” Qt.point(0, 10) “100x100 { return “3”; })] 对象 { “value1”: 1, “value2”: 2 } 函数 (function() { return “OK”; }) 关于更多 Qt君公众号后台回复"Qml
1.9K20发布于 2019-08-27 - 来自专栏跟Qt君学编程
Qml组件小知识
} } Loader { sourceComponent: component onProgressChanged: console.log(progress) } 动态加载Qml 组件(1) 原型： qml为qml组件描述语句； parent为依附于那个父类控件； filepath为重定向到文件的加载过程中的错误报告 object createQmlObject(qml, 50}', root, "error.txt"); 动态加载Qml 组件(2) 原型： url为qml文件(还可以加载网络qml文件)； mode为创建qml的模式(同步或异步)； parent指定某个控件为父类控件； object为附加属性。 object createObject(parent, object properties) 示例： var component = Qt.createComponent("MyComponent.qml
1.7K10发布于 2019-10-23 - 来自专栏跟Qt君学编程
Qt官方示例-QML Axes
QML轴线图示例，折线图，散点图。 使用相同轴坐标的折线图和散点图。
1.5K50发布于 2019-09-06
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号