QML
QML学习记录
风烟倦
这个作者很懒,什么都没留下…
展开
-
QML轮播图效果
mian.qml:qml界面代码 datamodel:自定的数据Model,包含一个图片地址和一句说明文字,用于填充qml界面 mian.cpp:加载qml界面,设置datamodel,显示quickviewmain.qmlimport QtQuick 2.8import QtQuick.Window 2.2Rectangle { id: root property int itemCount: 5 visible: true width...原创 2021-06-08 23:27:12 · 978 阅读 · 0 评论 -
QML自定义Flat风格Controls合集
RangeSlider/双向滑动条import QtQuick 2.12import QtQuick.Controls 2.12import QtGraphicalEffects 1.0RangeSlider { id: control first.value: 0.25 second.value: 0.75 property color checkedColor: "#3498DB" background: Rectangle {原创 2021-04-14 23:45:36 · 325 阅读 · 0 评论 -
qml创建无边框带阴影的模态窗口
qml创建Window主要是以下两种做法:使用QQmlApplicationEngine加载qml文件,qml中顶层元素必须为Window或ApplicationWindow; 使用QQuickView加载qml文件,qml中顶层元素不能为Window/ApplicationWindow,因为QQuickView继承于QQuickWindow,本身就是一个Window;实现效果如下图所示:1. 加载qml代码// QQmlApplicationEngine#include &l.原创 2021-02-25 23:57:59 · 2961 阅读 · 3 评论 -
qml常见错误总结
C++传给qml的中文字符串乱码解决方法:使用QStringLiteral宏QString str = QStringLiteral("中文中文中文"));原创 2021-02-20 17:04:53 · 1344 阅读 · 0 评论 -
qml与c++信号槽的交互
qml接收c++信号在qml代码中接收信号时,不需要再写槽函数,直接在目标信号前加on即可。如发送过来的信号为nameChanged(const QString &name),则在qml中这样写即可:// 针对于类名中TestData { // qmlRegisterType注册的类名 id: testData; onNameChanged: { // 需要执行的操作 console.log("Received th原创 2021-02-14 21:50:02 · 5801 阅读 · 1 评论 -
在QWidget项目中使用qml并链接信号槽
首先在.pro文件中,加入QT+=quickwidgets,QQuickWidget可以将qml文件转化成QWidget的子类,这样就可以放进Qt Widget控件的layout中了。test.qmlimport QtQuick 2.9import QtQuick.Window 2.2Rectangle{ id: root color: "red" width: 500 height: 500 signal qmlSignal...原创 2020-08-04 23:27:03 · 1309 阅读 · 0 评论 -
QQuickWidget与qml文件的交互2 - 注册qml类型
QQuickWidget与qml交互的第二种方式便是注册qml类型,即使用qmlRegisterType注册一个QObject派生类到qml中。qmlRegisterType的官方描述如下:This template function registers the C++ type in the QML system with the name qmlName, in the library imported from uri having the version number composed f原创 2021-02-10 12:57:19 · 665 阅读 · 0 评论 -
QQuickWidget与qml文件的交互1 - 设置上下文属性
QQmlContext类定义QML引擎内的上下文,上下文允许将数据公开给QML引擎实例化的QML组件。每个QQmlContext包含一组与其QObject属性不同的属性,这些属性允许将数据按名称显式绑定到上下文。 通过调用QQmlContext :: setContextProperty()定义和更新上下文属性。setContextProperty(const QString &name, const QVariant &value) setContextProperty(const原创 2021-02-09 22:11:59 · 997 阅读 · 0 评论 -
QQuickWidget和QQuickView
QQuickWidget与QQuickView的区别:import QtQuick 2.0import QtQuick.Window 2.3import QtQuick.Controls 2.5Item { width: 400; height: 350; Rectangle { id: back; width: 300; height: 30; radius: height / 8;原创 2021-02-02 00:33:45 · 4730 阅读 · 1 评论 -
QML与Qt类型对比
原创 2021-01-28 00:00:05 · 2843 阅读 · 3 评论