目錄

?

?

官方解析

博主例子

---

?

官方解析

Text能夠展示純文本和富文本。舉個例子，紅色文本以及指定的字體和大小

Text {text: "Hello World!"font.family: "Helvetica"font.pointSize: 24color: "red"}

富文本是使用HTML風(fēng)格：

Text {text: "<b>Hello</b> <i>World!</i>"}

?

如果height和width未被指定，Text將會嘗試設(shè)置需要多長。除非設(shè)置了wrapModel，這通常是設(shè)置寬度而不是高度（當(dāng)所有文本在一行的時(shí)候）。
elide屬性可以設(shè)置單行文本的寬度。
注意Supported HTML Subset是被限制的。如果一個text中包含了HTML圖片標(biāo)簽，文本數(shù)據(jù)將會被重寫加載。
Text提供了read-only屬性，如果要editable的文本要查看TextEdit

?

博主例子

這里補(bǔ)充官方的例子，以及獲取網(wǎng)絡(luò)Img圖片

運(yùn)行截圖如下：

?

程序結(jié)構(gòu)如下：

源碼如下：

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: 300Text {text: "Hello World!"font.family: "Helvetica"font.pointSize: 24color: "red"anchors.centerIn: parent}// Text {// text: "<b>Hello</b> <i>World!</i>" // font.pointSize: 24 // anchors.centerIn: parent // }// Text {// //text: "<img src = \"http://avatar.csdn.net/9/F/0/2_u014597198.jpg\">" // text: "<img src=\"https://avatar.csdn.net/E/5/8/3_qq78442761.jpg\" class=\"avatar_pic\">" // anchors.centerIn: parent // }}

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。