自定义组件
- 序言
- 方法
- 首先新建一个QML文件
- QML文件名称
- 创建完后编写自己的组件
- 效果
- 注意
序言
说到QML,就肯定离不了自定义一说,毕竟你总不至于用一个qml文件写完全部吧?我来写点基础的东西丰富下QML资料贫乏
方法
首先新建一个QML文件
QML文件名称
此处需要注意的是,qml文件,首字母可大写可小写,其余命名规则和C++命名规则一致。
但是在调用的地方,首字母必须是大写
。
比如说myQml.qml文件是你自定义的qml文件
那么调用的地方:
...
MyQml {
...
}
...
创建完后编写自己的组件
上面的一路下一步按完成就行
在自己的自定义组件里,分两块组成,也是基本的QML文件组成
myQml.qml
import QtQuick 2.15
// 上半部分导入需要的文件
// 下半部分有且只能有一个项编写,比如Item,Rectangle等均可,但是必须是一个
Rectangle {
id: control
width: 100
height: 100
color: "blue"
}
调用处:
比如main.qml
import QtQuick 2.15
import QtQuick.Window 2.15
Window {
id: control
width: 640
height: 480
visible: true
title: qsTr("Hello World")
color: "red"
MyQml {
anchors.left: parent.left
anchors.bottom: parent.bottom
}
}
效果
注意
pro里的
QML_IMPORT_PATH需要加上自定义组件所在的文件夹位置,这样才能直接读取到信息
QML_IMPORT_PATH += $$PWD
虽然不加也能正常运行,但是某些情况写代码时会提示没有这个组件Unknown component.