网站建设门户,阜阳网站制作公司哪里有,模拟炒股网站开发,网站建设摊销方法最近在学习Qml#xff0c;但对Qml的各种用法都不太熟悉#xff0c;总是会搞忘#xff0c;所以写几篇文章对学习过程中的遇到的东西做一个记录。 学习参考视频#xff1a;https://www.bilibili.com/video/BV1Ay4y1W7xd?p1vd_source0b527ff208c63f0b1150450fd7023fd8 目…最近在学习Qml但对Qml的各种用法都不太熟悉总是会搞忘所以写几篇文章对学习过程中的遇到的东西做一个记录。 学习参考视频https://www.bilibili.com/video/BV1Ay4y1W7xd?p1vd_source0b527ff208c63f0b1150450fd7023fd8 目录1 动态加载控件1.1 用Component加载1.1.1 使用方法2 用Loader加载2.1 用法加载qml文件加载Component1 动态加载控件
1.1 用Component加载
Component提供了createObject方法可以在程序运行时调用以添加控件它的官方例程如下。
var component Qt.createComponent(Button.qml);
if (component.status Component.Ready)component.createObject(parent, {x: 100, y: 100});该方法需要先把加载的控件封装到一个qml文件中然后通过createComponent加载qml文件如果qml文件是可用的(component.status Component.Ready)那就用createObject来创建一个实例参数1是实例的父控件id参数2是实例的初始属性。
1.1.1 使用方法
下面举例说明使用流程。 创建一个Rect.qml文件。 在Rect.qml填入以下内容定义一个长宽为30的蓝色矩形。
import QtQuick 2.0Rectangle { width: 30; height: 30; color: blue }在main,qml填入一下内容用按钮来动态添加Rect控件到网格布局。
import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.12
import QtQuick.Layouts 1.12Window {visible: true; width: 200; height: 120GridLayout {id: layoutcolumns: 4}Button {anchors.bottom: parent.bottomonClicked: {let component Qt.createComponent(Rect.qml);if (component.status Component.Ready)component.createObject(layout);}}
}效果
2 用Loader加载
Qml提供的Loader类动态加载控件以下是官方说明 Loader可以加载QML文件使用source属性或Component对象使用sourceComponent属性。这对于将组件的创建延迟到需要时非常有用例如当应按需创建组件时或者出于性能原因不应不必要地创建组件时。 它与Component加载有以下两处不一样。 1、Loader是延迟加载预先设定好的控件并不是像Component那样可以加载任意数量的控件。 2、Loader加载的可以是Component对象或者qml文件Component只能加载qml文件。
2.1 用法
加载qml文件
以上一节的Rect,qml为例。
import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.12Window {visible: true; width: 200; height: 120Loader { id: loader}Button {anchors.bottom: parent.bottomonClicked: loader.setSource(Rect.qml)}
}加载Component
import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.12Window {visible: true; width: 200; height: 120Loader { id: loader }Component {id: componentRect {}}Button {anchors.bottom: parent.bottomonClicked: loader.sourceComponent component}
}
