qml文本控件和多行文本显示省略号

本文介绍了Qt QML中的Text控件如何设置以实现多行文本显示并自动添加省略号。通过设置wrapMode为Text.WrapAnywhere,elide为Text.ElideRight以及限制maximumLineCount,可以达到预期效果。
摘要由CSDN通过智能技术生成

qml Text控件专门用于显示非编辑文本,功能还是比较强大的。改变多行文本,需要修改wrapMode: Text.WrapAnywhereelide: Text.ElideRightmaximumLineCount:2即可

  1 import QtQuick 2.9
  2 import QtQuick.Window 2.2
  3 
  4 Window {
  5     visible: true
  6     width: 640
  7     height: 480
  8     title: qsTr("Hello World")
  9     Text{
 10         id:text_test
 11 
 12                     width: 200
 13 
 14                     anchors.horizontalCenter: parent.horizontalCenter
 15 
 16                     clip :true  //是否剪切掉超出显示范围的文字,默认false
 17 
 18                     text:"Hello Wo111111111111111111111"      //需要显示的文字
 19 
 20                     color: "red"            //文字颜色
 21 
 22                     font.family: "Corbel"   
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在QML中编写一个美观的多列多行列表,你可以使用`GridView`组件来实现。`GridView`提供了一种方便的方式来呈现多个项目,并自动根据可用空间进行布局。 以下是一个示例代码,展示了如何使用`GridView`来创建一个多列多行的列表: ```qml import QtQuick 2.0 GridView { width: 400 height: 300 anchors.centerIn: parent // 设置列数和行数 property int columns: 3 property int rows: 4 // 设置项目宽度和高度 property int itemWidth: width / columns property int itemHeight: height / rows // 设置模型数据 model: ListModel { ListElement { name: "Item 1" } ListElement { name: "Item 2" } ListElement { name: "Item 3" } // 添加更多项目... } delegate: Rectangle { width: gridView.itemWidth height: gridView.itemHeight color: "lightblue" Text { text: model.name anchors.centerIn: parent font.bold: true } } } ``` 在上面的例子中,我们使用`GridView`组件来创建一个宽度为400、高度为300的列表。通过设置`columns`和`rows`属性,我们指定了列表的列数和行数。然后,我们通过计算每个项目的宽度和高度,将其分配给`itemWidth`和`itemHeight`属性。 在模型中,我们使用`ListModel`来存储项目数据。你可以根据需要添加更多的项目。 最后,我们使用一个`Rectangle`作为`delegate`,定义了每个项目的外观。在这个示例中,我们使用一个带有居中文本的`Text`组件来显示项目的名称,并将背景颜色设置为浅蓝色。 你可以根据需要调整列数、行数、项目的宽度和高度,以及项目的外观来创建一个美观的多列多行列表。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值