目錄

?

官方解析

博主例子

---

?

?

官方解析

Label擴展了父類Text中的styling和font。Label同樣是有可視化的background項。

Label {text: "Label"}

可以使用Text的屬性去改變Label中的text樣式：

Label {text: "Hello world"font.pixelSize: 22font.italic: true}

下面是自定義的Label
這里又強調了Label中的可視background項

?

import QtQuick 2.6import QtQuick.Controls 2.1Label {text: qsTr("Label")color: "#21be2b"}

?

博主例子

這里把官方例子給跑起來!

程序運行截圖如下：

程序結構圖如下：

源碼如下：

QMLLabelDemo.pro中的關鍵源碼：

QT += core gui qml quick

main.cpp:

#include <QApplication> #include <QQmlApplicationEngine> #include <QDebug>int main(int argc, char *argv[]) {QApplication a(argc, argv);QQmlApplicationEngine engine;engine.load(QUrl("qrc:/main.qml"));if(engine.rootObjects().isEmpty()){qDebug() << "engine load failed!";return -1;}return a.exec(); }

main.qml:

import QtQuick 2.7 import QtQuick.Controls 2.0ApplicationWindow {visible: truewidth: 400height: 300Label {text: "Label"anchors.centerIn: parent}// Label {// text: "Hello world" // font.pixelSize: 22 // font.italic: true// anchors.centerIn: parent // }// MyLabel{// id: helloMyLabel // font.pixelSize: 30// anchors.centerIn: parent // } }

MyLabel.qml

import QtQuick 2.6 import QtQuick.Controls 2.1Label {text: qsTr("我的Label")color: "#21be2b" }

?

?

?

新人創作打卡挑戰賽發博客就能抽獎！定制產品紅包拿不停！

總結

以上是生活随笔為你收集整理的Qt文档阅读笔记-Label QML Type官方解析及实例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。