Qt文档阅读笔记-Label QML Type官方解析及实例
发布日期:2021-06-30 10:58:53 浏览次数:2 分类:技术文章

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

目录

 


 

 

官方解析

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"  }

 

博主例子

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

程序运行截图如下:

程序结构图如下:

源码如下:

QMLLabelDemo.pro中的关键源码:

QT       += core gui qml quick

main.cpp:

#include 
#include
#include
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.7import QtQuick.Controls 2.0ApplicationWindow {    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.6import QtQuick.Controls 2.1Label {    text: qsTr("我的Label")    color: "#21be2b"}

 

 

 

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

上一篇:Qt工作笔记-QML自定义圆形进度条(C++后端处理数据)
下一篇:Qt文档阅读笔记-Button QML Type官方解析及实例

发表评论

最新留言

很好
[***.229.124.182]2024年04月05日 15时09分33秒