Qt-QML-Loader初步接触

简介: 先说说为什么用到了QML的Loader,这里我就要先扯点别的,那就是QML自带的ColorDialog,QML的机制 是优先调用系统提供的ColorDialog,如果系统的ColorDialog的不可用或者其他原因,则会调用Qt widget的ColorDialog,如果这个也不可以,才会调用QML的的ColorDialog,这里我就们就可以自己改写这个默认的QML版本的ColorDialog。

公司美工更具整体设计了一套系统,需要调用模块,但是呢,这个自带的实在是太丑了,太丑了,太丑了。



所以就需要自己写,奈何第一次接触QML,技术有限,在写了以后了,无法吧得到的值传到下面,这里只能另一种方法,那就是用动态加载的方式来。




具体内容就不说了,现在需要的Loader,下面我们来说说这个Loader,在我理解来看,这个Loader就是用来动态的创建MQL组件,这里的组件可以有两种,一种即使独立的QML文件,这里使用source。还有一种即使组件的方式使用sourceComponent来调用。




下面用第二种,这里先贴出我的丑陋的代码来



import QtQuick 2.5

import QtQuick.Controls 1.4


ApplicationWindow {

   visible: true

   width: 1366

   height: 768

   title: qsTr("Loader&Component")



   Loader

   {

       id: m_Loader_1

       width: 100

       height: 100

       x:0

       y:0

       sourceComponent: m_Compoent

   }


   Loader

   {

       id: m_Loader_2

       width: 400

       height: 400

       x:200

       y:0

       sourceComponent: m_Compoent

   }


   Component

   {

       id: m_Compoent


       Rectangle

       {

           width: 300

           height: 300

           color: "#FF0000"

       }

   }



}


这里我写了一个简单的组件,里面是一个矩形,颜色标记为红色。



运行截图

image.png

这就是动态加载组件了

 

后面说一下信号的传递。。。。。

目录
相关文章
|
4月前
|
编解码 开发工具 UED
QT Widgets模块源码解析与实践
【9月更文挑战第20天】Qt Widgets 模块是 Qt 开发中至关重要的部分,提供了丰富的 GUI 组件,如按钮、文本框等,并支持布局管理、事件处理和窗口管理。这些组件基于信号与槽机制,实现灵活交互。通过对源码的解析及实践应用,可深入了解其类结构、布局管理和事件处理机制,掌握创建复杂 UI 界面的方法,提升开发效率和用户体验。
209 13
|
4月前
|
前端开发 C++ Windows
C++生成QML代码与QML里面集成QWidget
这篇文章介绍了如何在C++中生成QML代码,以及如何在QML中集成QWidget,包括使用Qt Widgets嵌入到QML界面中的技术示例。
|
5月前
|
开发者
Flutter笔记:Widgets Easier组件库(5)使用加减器
Flutter笔记:Widgets Easier组件库(5)使用加减器
138 2
|
5月前
QT6使用CMamke将qml打包成dll
QT6使用CMamke将qml打包成dll
108 0
|
7月前
Qt之HelloWord(Qt Creator 10)
Qt之HelloWord(Qt Creator 10)
|
7月前
Qml:第一个qml程序
Qml:第一个qml程序
|
8月前
|
存储 JSON C++
Qt cmake 增加qml文件:深度剖析Qt cmake 的qt_add_qml_module函数
Qt cmake 增加qml文件:深度剖析Qt cmake 的qt_add_qml_module函数
322 0
|
8月前
Qt6学习笔记四(ui使用、资源文件添加)
Qt6学习笔记四(ui使用、资源文件添加)
253 0
|
8月前
|
C++
[Qt5&VS] VS编译生成Qt的ui_头文件
[Qt5&VS] VS编译生成Qt的ui_头文件
372 0
Flutter基础widgets教程-Transform篇
Flutter基础widgets教程-Transform篇
265 0
Flutter基础widgets教程-Transform篇