0
点赞
收藏
分享

微信扫一扫

QML中Text、Image适配


QML中Text适配

Qt帮助文档中对行高度的设置这样写:

QML中Text、Image适配_QML

 

于是我们用这两个属性来改变行的间距

QML中Text、Image适配_ide_02

 

这里的行间距默认是parent.height/16.0,这样显示效果是没有间距的。
如果我们改成parent.height/10.0的话,我们就改变了行间距的大小,显示效果看到了行间距。

自动换行非常简单,只需设置Text.WordWrap就OK了

QML中Text、Image适配_行间距_03

设置属性为换行的文字文本项的宽度。如果一个指定的宽度已设置则文本会收缩。
Text.NoWrap (default) - 没有设置换行。如果文本中包含换行符不足,则contentWidth将超过设定宽度。
Text.WordWrap - 仅在字边界收缩。如果一个单词太长,contentWidth将超过一组宽度。
Text.WrapAnywhere - 在行上的任何一点都有可能换行,即使它发生在中间的一个文字。
Text.Wrap -  如果可能的话,在单词边界换行,否则在适当的点,即使是在中间的一个字。

 

字的大小,QML提供了两个接口可用。他们的使用和QtWidget用法一样

QML中Text、Image适配_QML_04

 

除了自动换行,Text用的比较多的是缩写
elide属性。一般习惯用Text.ElideRight(在右边缩进),缩进主要和Text的width有关

QML中Image适配

看Qt的帮助文档查看Image的基本信息:

QML中Text、Image适配_qt_05

 

如果想要Image中插入一个资源图片:

QML中Text、Image适配_qt_06

 

如果想要插入一个非资源图片别忘了用“file:///+路径”。

QML中Text、Image适配_QML_07

 

加载图片各种方式各种效果:

QML中Text、Image适配_ide_08

举报

相关推荐

QML之Image组件

0 条评论