自定義QML模塊

含義為將常用風格的Button，Text,RadioButton,或者自定義的控件作為一個控件進行使用，節省代碼。

優點：

• 代碼簡潔，減少重復代碼
• 自定義的控件進行封裝重復使用
• 可以與QML自帶的庫區別開來
• 優化項目結構

一、創建模塊

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

mkdir ./controls #在項目根目錄下創建文件夾

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

創建自定義的Button和Text文件

touch Button.qml Text.qml

3. 導入項目
將此controls文件夾添加到項目中

4. 自定義控件

Button.qml文件

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

Text.qml文件

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

5. 自定義模塊的使用

main.qml文件

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