QML笔记-JavaScript在QML中的使用(直接调用和间接调用)
发布日期:2021-06-30 11:01:43 浏览次数:2 分类:技术文章

本文共 1220 字,大约阅读时间需要 4 分钟。

目录

 

 


 

基本概念

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.9import QtQuick.Window 2.2import "utilities1.js" as Utilities1Window {    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")            }        }    }}

 

转载地址:https://it1995.blog.csdn.net/article/details/91042858 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:C++设计模式-装饰模式
下一篇:QML笔记-KeyNavigation的使用(2种例子)

发表评论

最新留言

做的很好,不错不错
[***.243.131.199]2024年05月02日 18时03分16秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章