QML基本可视化元素--Text

一个Text项目可以显示纯文本或者富文本

1. 可以使用Html标记：text: “<b>HELLO</b>”

2. 宽度和高度（width, height）:没有指定，会自己尝试需要多大的空间并依此来设置。

3. 换行：wrapMode属性，没有设置，则单行

4. 省略：elide属性。宽度不足显示文本，显示为省略号，省略样式：前(Text.ElideLeft)，中(Text.ElideMiddle)，后(Text.ElideRight)，默认(Text.ElideNone)

5. 字体：font

font.blod: true—加粗，false

font.capitalization: 大写策略

Font.MixedCase: 默认不改变，

Font.AllUppercase: 全部大写

Font.AllLowercase: 全部小写

Font.SmallCaps: 小型大写字母（即小写字母变为大写但不改变大小）

Font.Capitalize: 将首字母大写

font.family: 字体族，字体族的名字（区分大小写）

font.italic: 是否斜体 true—false

font.letterSpacing: 字符间距，正值加大，负值减小

font.pixelSize: 字体大小（单位为像素，依赖于设备）

font.pointSize: 字体大小（大于0的值，与设备无关）

font.strikeout: 是否有删除线 true—false

font.underline: 是否有下滑线 true—false

font.weight: 字体重量—Font.Light,Font.Normal(默认), Font.DemiBold,font.Bold, Font.Black

font.wordSpacing: 单词间距，正值加大，负值减小

加载字体：指定一个字体的名称，或者是一个URL，也就是说可以指定网络上的一个字体文件。

[html] view plain copy

import QtQuick 1.0
Column {
FontLoader {id: fixedFont; name: "Courier"}
FontLoader {id: webFont; source: "http://www.mysite.com/mfont.ttf"}
Text{text: "Fixed - size font"; font.family: fixedFont.name}
Text{text: "Fancy font"; font.family: webFont.name}
}

6. 对齐方式：

horizontalAlignment：水平对齐方式

Text.AlignLeft,Text.AlignRight, Text.AlignHCenter

verticalAlignment: 垂直对齐方式

Text.AlignTop,Text.AlignBottom, Text.AlignVcenter

7. 文本样式 style

Text.Normal, Text.OutLine, Text.Raised, Text.Sunken

[html] view plain copy

import QtQuick 1.0
Row {
Text {font.pontSize: 24; text: "Normal"}
Text {font.pontSize; 24; text: "Raised"; Style: Text.Raised; styleColor: "#AAAAAA"}
Text {font.pointSize: 24; text: "Outline"; style: Text.Outline; styleColor; "red"}
Text {font.pointSize; 24; text: "Sunken"; text: "Outline"; style: Text.Outline; styleColor: "#AAA"}
}

8. 文本换行：wrapMode属性，自动换行。只有在明确设置Text的width属性时换行才会起作用。

Text.NoWrap：默认，不换行

Text: WordWrap: 在单词边界进行换行

Text.WrapAnywhere: 任意位置换行，不管单词

Text.Wrap: 尽可能在单词边界换行，否则任意点换行

9. 链接信号

Text::onLinkActived(string link)处理器，在用户单击文本中嵌入一个链接时被调用。链接必须在富文本或者HTML格式中，而函数中link字符串提供了被单击的可以访问的特定链接。

[html] view plain copy

import QtQuick 1.0
Textt {
textFormat: Text.RichText
text: "The main website is at <a href = \ "http://qt.nokia.com\"> Nokia Qt DF</a>."
onLinkActivated: console.log(link + " link activated")

QML基本可视化元素--Text相关推荐

qml学习笔记(二)：可视化元素基类Item详解（上半场anchors等等）
原博主博客地址:http://blog.csdn.net/qq21497936 本文章博客地址:http://blog.csdn.net/qq21497936/article/details/7851 ...
QML学习之QML常用的元素和属性
QML常用的控件和属性 Item Rectangle text image MouseArea Component组件简单变换 Item 元素可以分为可视元素和不可视元素Item是所有视觉元素的基础 ...
QML中MouseArea元素的介绍
原文:http://www.thisisqt.com/?action-viewnews-itemid-22 MouseArea元素的一个很典型的用法是和一个可视的item一起用,处理这个item的鼠标 ...
QML基础 2 --元素布局（定位器、锚、绝对坐标）
QML元素布局(定位器.锚.绝对坐标) QML中主要有3种元素布局方式:绝对坐标(包括关联坐标).定位器(Poisitioners).锚(Anchors). 绝对坐标给出元素的(x,y)坐标即可确定 ...
[基础]qml基础控件(Text)
1,Text Text元素可以显示纯文本或者富文本(使用HTML标记修饰的文本).它有font,text,color,elide,textFormat,wrapMode,horizontalAlign ...
circos 可视化手册- text 篇
欢迎关注微信公众号<生信修炼手册>! 不论是heatmap, 还是scatter, histogram, 反应的都是基因组上某段区域对应的value值的分布,这里的value都是数值.对于 ...
html主页面设计如何丰富可视化元素,数据可视化设计如何丰富页面？
做可视化设计时画面很空,是如何处理?本篇文章介绍了11个数据可视化设计丰富页面的技巧,与大家分享! 有许多小伙伴经常会有这种疑问,我做的可视化设计为什么按着需求做了.可是为什么画面却被吐槽空,太简单, ...
html主页面设计如何丰富可视化元素,数据可视化设计，如何丰富页面？
释放双眼,带上耳机,听听看~! 做可视化设计时画面很空,是如何处理?本篇文章介绍了11个数据可视化设计丰富页面的技巧,与大家分享! 有许多小伙伴经常会有这种疑问,我做的可视化设计为什么按着需求做了.可 ...
qml开发笔记(七)：输入元素鼠标输入MouseArea和键盘输入Keys
若该文为原创文章,未经允许不得转载原博主博客地址:https://blog.csdn.net/qq21497936 原博主博客导航:https://blog.csdn.net/qq21497936/ ...

QML基本可视化元素--Text

QML基本可视化元素--Text相关推荐

最新文章

热门文章