QML-自定义模块

一、使用场景

使用情景就是不可再修改的QML或者js文件，可定义成模块，分为如下情况

1、自定义控件

这里的自定义控件可以理解为最小单位控件，不可再修改，与QML的Button、Text等有同样的地位；不要与能够修改或者带逻辑的控件混淆；

2、存放公共变量、函数的JS

如某个JS文件里存放工程所需的公共函数；

3、字体库等

如FontAwesome。

本文以自定义公共控件为例 。

二、工程准备

1、新建工程，在根目录下添加专门存放QML文件的文件夹：

Qml

2、Qml文件夹添加资源文件用于管理所有QML文件

qml.qrc

3、资源文件添加前缀

qml

可根据自己需要设置其他名字，也可不添加

4、在Qml文件夹里新增文件夹

WPControls

这个文件夹以后就用于存储我们所有的公共/自定义控件

5、在WPControls文件夹里添加一些自定义QML控件，注意大写字母开头。这里增加了三个：

FaBtn.qml
WpTextInput.qml
ComboboxView.qml

6、在WPControls文件夹里添加文件：qmldir，并输入模块信息、控件信息

module WPControls
WPFaBtn 1.0 FaBtn.qml
WpTextInput 1.0 WpTextInput.qml
ComboboxView 1.0 ComboboxView.qml

WPContro