QML笔记-QML基本数据类型的使用

目录

 

基本概念

举个栗子

---

 

基本概念

这里的数据类型不仅仅有C++里面的int，String等，

还有个很有特点的类型var，这个又可以放数组，也可以放函数，也可以混着换，很少有趣。

 

举个栗子

程序运行截图如下：

后台打印如下:

 

 

源码如下：

import QtQuick 2.9
import QtQuick.Window 2.2

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    
    
    property string mString: "www.it1995.cn"
    property int mInt: 88
    property bool isFemale: false
    property url mUrl: "http://www.it1995.cn"
    
    property var aNumber: 100
    property var aBool: true
    property var anotherString: String("#FF008800")
    property var aColor: Qt.rgba(0.2, 0.3, 0.4, 0.5)
    property var aRect: Qt.rect(17, 56, 46, 10)
    property var aPoint: Qt.point(10, 10)
    property var aSize: Qt.size(10, 10)
    property var aVector3d: Qt.vector3d(100, 100, 100)
    property var anArray: [1, 2, 3, "four", "five", (function(){ return "six" })]
    property var anObject: {"foo": 10, "bar": 20}
    property var aFunction: (function(){ return "Seven"; })

    property var aFont: Qt.font({family: "Consolas", pointSize: 30, bold: false})
    property date mDate: "2019-05-27"

    Text {
        id: mTextID
        anchors.centerIn: parent
        text: mString
        font: aFont
    }

    Component.onCompleted: {

        print("The mUrl is " + mUrl)

        //      var datatype
        console.log("aNumber is : " + aNumber)
        console.log("aBool is : " + aBool)
        console.log("aString is : " + anotherString)
        console.log("aRect : " + aRect.x + " " + aRect.y)
        console.log("The length of the array is : " + anArray.length)

        print("------------------华丽的分割线------------------")
        anArray.forEach(function(value, index){

            if(index == 5){

                console.log(value())
            }
            else{

                console.log(value)
            }
        })

        print("------------------华丽的分割线------------------")
        for(var i = 0; i < anArray.length; i++){

            if(i == 5){

                console.log(anArray[i]())
            }
            else{

                console.log(anArray[i])
            }
        }

        console.log("The date is : " + mDate)
        console.log("The function value is : " + aFunction())

    }
}