当前位置:   article > 正文

QT/QML Text 部分功能(自动省略 自动换行 自动调节字体大小 调节行间距_qml text 行间距

qml text 行间距
  1. Text {
  2. color: "black"
  3. anchors.fill: parent
  4. verticalAlignment: TextInput.AlignVCenter
  5. horizontalAlignment: TextInput.AlignHCenter
  6. leftPadding: 5 //QtQuick 2.13 间隔
  7. rightPadding: 5
  8. text: qsTr("Hello World")
  9. lineHeight: Text.ProportionalHeight //设置行间距
  10. lineHeight: 0.7 //行间距比例 最大 1
  11. wrapMode: Text.WordWrap //换行
  12. elide: Text.ElideRight //显示不完则隐藏
  13. //elide 省略模式 wrap 换行模式
  14. //contentWidth 手动设置字体显示的宽与高
  15. font.pixelSize: 15
  16. fontSizeMode: Text.Fit //固定 Text 显示大小->字体自动变化的模式选中还有几种看文档
  17. minimumPixelSize: 10 //设置自动变化最小字体大小
  18. }
  1. import QtQuick 2.9
  2. import QtQuick.Window 2.2
  3. Window {
  4. visible: true
  5. width: 640
  6. height: 480
  7. title: qsTr("Hello World")
  8. Text{
  9. id:text_test
  10. width: 200
  11. anchors.horizontalCenter: parent.horizontalCenter
  12. clip :true //是否剪切掉超出显示范围的文字,默认false
  13. text:"Hello Wo111111111111111111111" //需要显示的文字
  14. color: "red" //文字颜色
  15. font.family: "Corbel" //字体
  16. font.pixelSize: 25 //字体大小设置为像素
  17. //font.pointSize: 100 //将字体的大小设置为点,存在pixelSize设置,本设置无效
  18. font.bold: true //是否加粗,默认为false
  19. font.capitalization: Font.MixedCase //设置文本大小写,不使用大小写,默认值
  20. //font.capitalization: Font.AllUppercase //全部使用大写
  21. //font.capitalization: Font.AllLowercase //全部使用小写
  22. //font.capitalization: Font.SmallCaps //小写字母使用小大写
  23. //font.capitalization: Font.Capitalize //第一个单词第一个字符大写
  24. font.italic: true //设置字体是否斜体样式,默认false
  25. font.letterSpacing: 8 //设置字母之间的距离,正数为增加默认距离,负数为减少
  26. //font.strikeout: true //设置是否有删除线(中间一条线),默认false
  27. font.underline: true //设置是否有下滑线,默认false
  28. //font.weight: Font.Light
  29. //font.weight: Font.Normal
  30. //font.weight: Font.DemiBold
  31. //font.weight: Font.Bold
  32. //font.weight: Font.Black
  33. font.wordSpacing: 10 //设置单词之间的距离
  34. //horizontalAlignment: Text.AlignRight //右对齐
  35. //horizontalAlignment: Text.AlignLeft //左对齐
  36. //horizontalAlignment: Text.AlignHCenter //中间对齐
  37. horizontalAlignment: Text.AlignJustify
  38. //verticalAlignment: Text.AlignTop //上对齐
  39. verticalAlignment: Text.AlignBottom //下对齐
  40. //verticalAlignment: Text.AlignVCenter //中间对齐
  41. smooth:true //是平滑
  42. //style: Text.Normal 设置字体样式
  43. //style: Text.Outline
  44. // style: Text.Raised
  45. //style: Text.Sunken
  46. styleColor: "blue" //配合style使用
  47. //textFormat: Text.AutoText //文本属性显示方式
  48. //textFormat: Text.PlainText
  49. //textFormat: Text.RichText
  50. //textFormat: Text.StyledText
  51. wrapMode: Text.WrapAnywhere //换行属性设置,但需要明确宽度
  52. // wrapMode: Text.WordWrap //
  53. //wrapMode: Text.WrapAnywhere
  54. //wrapMode: Text.Wrap
  55. elide: Text.ElideRight //超出显示范围的用...代替
  56. //elide: Text.ElideNone
  57. //elide: Text.ElideMiddle
  58. // elide: Text.ElideLeft
  59. lineHeightMode:Text.FixedHeight //行距
  60. lineHeight:20
  61. maximumLineCount:2
  62. onImplicitWidthChanged: { //显示的文本本身的长度发生变化触发信号
  63. console.log("implicitWidth = ",text_test.implicitWidth)
  64. console.log("implicitHeight = ",text_test.implicitHeight)
  65. }
  66. }
  67. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/805430
推荐阅读
相关标签
  

闽ICP备14008679号