QML自學之路(1)使用自定義控件

自學qml,如有錯誤請指出
參考資料來源:
資料: QMbook.

CSS:顏色查找.

自定義自己想要的控件,以一個矩形來說明

//RedSquare.qml  文件名字就是控件的名字,首字母要大寫
import QtQuick 2.0

Rectangle {
    width: 50
    height: 50
    color: "#DC143C"
    border.color: Qt.lighter(color)
}

在main.qml裏調用

import QtQuick 2.13
import QtQuick.Window 2.13

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

    }
}

目錄結構
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章