Qt文档阅读笔记-Label QML Type官方解析及实例

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq78442761/article/details/86307609

目录

 

官方解析

博主例子

---

官方解析

Label扩展了父类Text中的styling和font。Label同样是有可视化的background项。

  Label {
      text: "Label"
  }

可以使用Text的属性去改变Label中的text样式：

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

下面是自定义的Label
这里又强调了Label中的可视background项

 

  import QtQuick 2.6
  import QtQuick.Controls 2.1

  Label {
      text: qsTr("Label")
      color: "#21be2b"
  }

博主例子

这里把官方例子给跑起来!

扫描二维码关注公众号，回复： 4965100 查看本文章

程序运行截图如下：

程序结构图如下：

源码如下：

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.0

ApplicationWindow {

    visible: true
    width: 400
    height: 300

    Label {

        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.1

Label {

    text: qsTr("我的Label")
    color: "#21be2b"
}