自定義QML模塊

含義為將常用風(fēng)格的Button，Text,RadioButton,或者自定義的控件作為一個(gè)控件進(jìn)行使用，節(jié)省代碼。

優(yōu)點(diǎn)：

• 代碼簡(jiǎn)潔，減少重復(fù)代碼
• 自定義的控件進(jìn)行封裝重復(fù)使用
• 可以與QML自帶的庫(kù)區(qū)別開(kāi)來(lái)
• 優(yōu)化項(xiàng)目結(jié)構(gòu)

一、創(chuàng)建模塊

1. 創(chuàng)建文件夾
在項(xiàng)目目錄下創(chuàng)建自定義模塊的文件夾名稱，例如：

mkdir ./controls #在項(xiàng)目根目錄下創(chuàng)建文件夾

2. 創(chuàng)建控件文件
上一步創(chuàng)建了controls文件夾，所以此模塊為自定義控件的集合。

創(chuàng)建自定義的Button和Text文件

touch Button.qml Text.qml

3. 導(dǎo)入項(xiàng)目
將此controls文件夾添加到項(xiàng)目中

4. 自定義控件

Button.qml文件

import QtQuick 2.5 import QtQuick.Controls 2.1Button {property int clickedTimes: 0;//定義一些默認(rèn)屬性的設(shè)置，大小，顏色等 }

Text.qml文件

import QtQuick 2.5 import QtQuick.Controls 2.1Text{property string city: "shanghai";//定義一些默認(rèn)屬性的設(shè)置，大小，顏色等 }

5. 自定義模塊的使用

main.qml文件

import QtQuick 2.5 import QtQuick.Controls 2.1 import QtQuick.Layouts 1.1 import "./controls" as MyControls //as會(huì)將controls目錄下的自定義控件加載進(jìn)來(lái)ApplicationWindow {visible: true;width: 1280;height: 720;title: qsTr("Photo");MyControls.Button {clickedTimes: dada;}MyControls.Text {city: "beijing";} }

總結(jié)

以上是生活随笔為你收集整理的Qt自定义QML模块的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。