QML访问外部代码

---

项目创建

Create Project…-> Other Project->Qt Quick UI Prototype->choose
->项目命名，选择项目路径 ->next->kit->next->finish

---

一、访问同一目录下代码

1、在同一目录下新建qml文件

file->new file->Qt->QML file(Qt Qucik 2)->choose
->file name(Qt要求首字母要大写) ->文件路径->next->finish
在(project name).qml同级目录下多了（file name）.qml文件

2、在project name.qml访问新建qml文件

同一级目录下访问代码不需要使用import,直接访问即可

新建qml文件
import QtQuick

Text {
    id: mytype
    text: qsTr("MyType")
}
工程的qml
import QtQuick

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    MyType
    {
        x:10
        y:10
    }
}

验证结果

二、访问库

1.语法格式

import 库名 主版本号.副版本号 as 标识
代码如下（示例）：

import <ModuleIdentifier> [<Version.Number>] [as <Qualifier>] 
import QtQuick.Controls as MyControls

2.验证

代码如下（示例）：

import QtQuick
import QtQuick.Controls as Mybutton

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    MyType
    {
        x:10
        y:10
    }

    Mybutton.Button
    {
        Text {
            text: qsTr("mybutton")
        }
    }
}

三、访问目录下代码

语法：

import "<DirectoryPath>" [as <Qualifier>] 
import "./TestFolder" as TestFolder

目录下文件内容：
import QtQuick

Text {
    id: myfolder1
    text: qsTr("Myfolder1")
}

验证结果

四、访问js代码

import "<JavaScriptFile>" as <Identifier> 
import QtQuick.Controls as MyControls

新建js文件
file->new file -> Qt -> JS file

---