QML笔记-JavaScript在QML中的使用(直接调用和间接调用)

目录

 

 

基本概念

代码与实例


 

基本概念

ECMA-Script ES5

          1. ECMA-Script ES5适用于编写QML应用程序。

          2. 这个与在浏览器里面额JavaScript不同。

          3. 没有提供DOM相关的API

          4. ES5提供了对内访问类型,如Object,Array,Math

 

QML全局对象

          1. 默认的全局对象,在任意一个qml文件都可以使用。

          2. Qt对象,可以使用Qt.quit()

          3. 如果要打印,可以使用print()方法

          4. console对象统一提供打印

          5. Translation提供了一些方法,如qsTr(),qsTranslate(),qsTrld()

          6.XMLHttpRequest对象提供了抓取http数据包的功能

 

在QML中通过

import "utilities1.js" as Utilities1

可以在QML文件中导入JS文件

在Js文件中,可以通过Qt.include("utilities2.js"),导入其他的JavaScript文件,从而实现间接调用

 

代码与实例

给出几个例子,QML文件包含了utilities1.js。utilities1.js包含了utilities2.js

如何用QML去调用utilities1.js里面的函数,以及直接调用utilities2.js里面的函数

程序运行截图如下:

代码如下:

import QtQuick 2.9
import QtQuick.Window 2.2
import "utilities1.js" as Utilities1


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

    Rectangle{

        width: 300
        height: 100

        color: "yellowgreen"
        anchors.centerIn: parent

        Text {
            text: qsTr("hehe da")
            anchors.centerIn: parent
        }

        MouseArea{

            anchors.fill: parent
            onClicked: {

                console.log("12345")
                Utilities1.greeting()
                Utilities1.printUtilities2()
                Utilities1.printValue("ma", "maipi")
            }
        }
    }
}

 

相关推荐
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页