草庐IT

QT中QLabel显示多行文本过多后显示省略号

糯诺诺米团 2023-06-29 原文

这几天做了这样一个功能：使用QLabel控件显示文本，当文本过多后出现省略号。

以前我们只是对一行文本过多时出现省略号进行设置过。

现在，我想要实现的效果如下所示：

该如何实现呢？

接下来，我来介绍下我的一些思路，但是只有最后一个能成功。也是为大家踩了不少坑！

实现思路

思路1：

刚开始我才用QLabel控件，设置自动换行后，想着可以获取换行后的文本行数，结果发现，QLabel控件无法获取。

后来，又想到，能不能截取仅仅是显示出来的文本呢？

"elidedText"这个函数只能对一行进行省略设置，但是多行的该怎么办呢？

想破脑袋都没有想到，这个想法暂时被搁置了。

思路2：

因为在MFC框架中CEdit控件可以获取显示的行数，那么，对于QT框架，编辑框控件是不是给可以做到呢？

假设可以获取显示行数，那么只需要获取前两行的文本内容就可以了。

想的很理想，结果实现不了！

尝试了Qt框架中的所有编辑框控件，包括了：QPlainText、QTextBrowser、QTextEdit都无法获取显示的行数。

难道是因为我传入的字符串没有"\n"这种换行符吗？

资料上显示都是使用"document()->lineCount()"的方式获取行数，但是每次显示出来的结果都是1。又有人说这个API就是个鸡肋。

不管如何，反正用编辑框控件就是无法实现，准备放弃！

思路3：

昨天突然灵光一现，想到了一种特别笨的方式，但是我觉得应该可以实现。

结果，果真实现了QLabel控件多行文本的时候最后出现省略号

下面，我就来重点讲解我的笨方法吧！

实现方法

不都说，不管黑猫白猫能抓住老鼠的都是好猫，只要能实现这种功能，都是好方法。这个方法也是我查阅几天资料之后的独一份，所以说小爱心赶紧点起来，省的下次忘记了！

重点来了！！！

我们明白正常情况下，QFontMetrics::elidedText只能获取一行的文本，并且在最后出现省略号

例如下面显示的效果：

 那么多行呢？大家请跟着我的步骤来，肯定会实现文章开始图片的效果的！

QString qsDescribe = "这里的文本很长！";

"qsDescribe"中存放了很长的文本内容，我们只想要显示两行内容。

第一步：获取第一行文本内容

//获取第一行文本内容
QString qsLine1 = fontMetrics.elidedText(qsDescribe, Qt::ElideRight, nShowWidth);

nShowWidth：用于当前一行的宽度，用于承载显示文本

第二步：去除第一行文本的"..."

经过第一步骤之后，我们获取的文本是带有"..."的，这是上面的函数自动拼接的，我们想要获取第一行的实际数据，就必须去除系统给我们拼接的内容

qsLine1 = qsLine1.left(qsLine1.size() - 1);

第三步：获取第一行的实际文本长度

//获取第一行显示的文本长度
int nLine1Count = qsLine1.length();

第四步：获取剩余文本内容

//获取剩余文本内容
QString qsRemainingContent = qsDescribe.mid(nLine1Count + 1, qsDescribe.length() - nLine1Count);

这里，我们需要获取除去第一行之外的文本内容，用于截取第二行文本显示

第五步：获取第二行文本内容

//获取第二行文本内容
QString qsLine2 = fontMetrics.elidedText(qsRemainingContent, Qt::ElideRight, nShowWidth);

在获取第二行文本时，也需要使用同样的宽度。

第六步：文本拼接

//第一行文本与第二行文本拼接
QString qsNewContent = qsLine1 + qsLine2;

这里文本拼接指的是：第一行截取出的文本 + 第二行截取出的文本

因为我只是做了两行文本显示后显示省略号，所以到这里，获取的"qsNewContent"就是实际要显示的内容啦！

第七步：设置文本显示及风格

//设置文本显示
ui.labContent->setAlignment(Qt::AlignVCenter | Qt::AlignHCenter);
ui.labContent->setFixedSize(QSize(nShowWidth+10, 70));
ui.labContent->setText(qsNewContent);
ui.labContent->setWordWrap(true); //自动换行

到这里，就可以实现显示两行文本，并在最后出现省略号的功能了。

但是，有一点很重要！！！

1：我们在使用该控件时，一定要先设置控件的风格，也就是设置"setStyleSheet"

2：一定要先设定要显示区域。也就是说，在实现方法之前，一定要固定好显示区域

3：当前控件的这种设置，一定不能放到构造中实现，否则实现出来的效果有一定的偏差。最好是将widget创建出来之后在进行设置。

总结

到这里，用QLabel静态文本控件显示多行文本之后出来省略号的方法就介绍完了，希望对大家有帮助！

我是糯诺诺米团，一名c++开发程序媛~

多行QLabelxffxff0cxff0uiqt

有关QT中QLabel显示多行文本过多后显示省略号的更多相关文章

  1. ruby - 使用 ruby​​ 将 HTML 转换为纯文本并维护结构/格式 - 2

    我想将html转换为纯文本。不过，我不想只删除标签，我想智能地保留尽可能多的格式。为插入换行符标签，检测段落并格式化它们等。输入非常简单，通常是格式良好的html(不是整个文档，只是一堆内容，通常没有anchor或图像)。我可以将几个正则表达式放在一起，让我达到80%，但我认为可能有一些现有的解决方案更智能。 最佳答案 首先，不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案，它会随着HTML的变化而崩溃，或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h

  2. ruby-on-rails - Rails 编辑表单不显示嵌套项 - 2

    我得到了一个包含嵌套链接的表单。编辑时链接字段为空的问题。这是我的表格:Editingkategori{:action=>'update',:id=>@konkurrancer.id})do|f|%>'Trackingurl',:style=>'width:500;'%>'Editkonkurrence'%>|我的konkurrencer模型:has_one:link我的链接模型:classLink我的konkurrancer编辑操作:defedit@konkurrancer=Konkurrancer.find(params[:id])@konkurrancer.link_attrib

  3. ruby - 解析 RDFa、微数据等的最佳方式是什么，使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

    我主要使用Ruby来执行此操作，但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式，例如使用这个yaml文件，它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

  4. ruby-on-rails - 使用 Sublime Text 3 突出显示 HTML 背景语法中的 ERB？ - 2

    所以我在关注Railscast，我注意到在html.erb文件中，ruby代码有一个微弱的背景高亮效果，以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果？谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*，只需点击cmd+shift+P即可获得命令菜单，然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中，键入ERB并在看到包时选择

  5. ruby-on-rails - 如何在 ruby​​ 交互式 shell 中有多行？ - 2

    这可能是个愚蠢的问题。但是，我是一个新手......你怎么能在交互式ruby​​shell中有多行代码？好像你只能有一条长线。按回车键运行代码。无论如何我可以在不运行代码的情况下跳到下一行吗？再次抱歉，如果这是一个愚蠢的问题。谢谢。 最佳答案 这是一个例子:2.1.2:053>a=1=>12.1.2:054>b=2=>22.1.2:055>a+b=>32.1.2:056>ifa>b#Thecode‘if..."startsthedefinitionoftheconditionalstatement.2.1.2:057?>puts"f

  6. ruby-on-rails - link_to 不显示任何 rails - 2

    我试图在索引页中创建一个超链接，但它没有显示，也没有给出任何错误。这是我的index.html.erb代码。ListingarticlesTitleTextssss我检查了我的路线，我认为它们也没有问题。PrefixVerbURIPatternController#Actionwelcome_indexGET/welcome/index(.:format)welcome#indexarticlesGET/articles(.:format)articles#indexPOST/articles(.:format)articles#createnew_articleGET/article

  7. ruby-on-rails - 如何在 Rails View 上显示错误消息？ - 2

    我是rails的新手，想在form字段上应用验证。myviewsnew.html.erb.....模拟.rbclassSimulation{:in=>1..25,:message=>'Therowmustbebetween1and25'}end模拟Controller.rbclassSimulationsController我想检查模型类中row字段的整数范围，如果不在范围内则返回错误信息。我可以检查上面代码的范围，但无法返回错误消息提前致谢 最佳答案 关键是您使用的是模型表单，一种显示ActiveRecord模型实例属性的表单。c

  8. ruby-on-rails - 复数 for fields_for has_many 关联未显示在 View 中 - 2

    目前，Itembelongs_toCompany和has_manyItemVariants。我正在尝试使用嵌套的fields_for通过Item表单添加ItemVariant字段，但是使用:item_variants不显示该表单。只有当我使用单数时才会显示。我检查了我的关联，它们似乎是正确的，这可能与嵌套在公司下的项目有关，还是我遗漏了其他东西？提前致谢。注意:下面的代码片段中省略了不相关的代码。编辑:不知道这是否相关，但我正在使用CanCan进行身份验证。routes.rbresources:companiesdoresources:itemsenditem.rbclassItemi

  9. Qt Designer的简单使用 - 2

    在前面两节的例子中，主界面窗口的尺寸和标签控件显示的矩形区域等，都是用C++代码编写的。窗口和控件的尺寸都是预估的，控件如果多起来，那就不好估计每个控件合适的位置和大小了。用C++代码编写图形界面的问题就是不直观，因此Qt项目开发了专门的可视化图形界面编辑器——QtDesigner（Qt设计师）。通过QtDesigner就可以很方便地创建图形界面文件*.ui，然后将ui文件应用到源代码里面，做到“所见即所得”，大大方便了图形界面的设计。本节就演示一下QtDesigner的简单使用，学习拖拽控件和设置控件属性，并将ui文件应用到Qt程序代码里。使用QtDesigner设计界面在开始菜单中找到「Q

  10. ruby-on-rails - 在 Flash 警报 Rails 3 中显示错误消息 - 2

    如果我在模型中设置验证消息validates:name,:presence=>{:message=>'Thenamecantbeblank.'}我如何让该消息显示在闪光警报中，这是我迄今为止尝试过的方法defcreate@message=Message.new(params[:message])if@message.valid?ContactMailer.send_mail(@message).deliverredirect_to(root_path,:notice=>"Thanksforyourmessage,Iwillbeintouchsoon")elseflash[:error]

随机推荐