写点什么

Qt|编辑框的使用总结

  • 2022 年 7 月 22 日
  • 本文字数:1917 字

    阅读完需:约 6 分钟

Qt 中有多少种编辑框类型呢?

QLineEdit、QTextEdit、QPlainTextEdit、QTextBrowser


这么多编辑框控件那我们该如何使用呢?以及它们之间有什么共同点吗?

1:通用设置

因为这四个控件都是编辑框类型,那么对于相同功能的控件肯定存在了一定的相似性,首先我们来讲解下这个通用功能吧!

1.1 文字显示方式

在 Qt 中设置文本的显示方式一般采用"setAlignment"函数进行设置,当然了,如果你要是想用 QSS 的方式也是可以的。

举例:


ui.edit->setAlignment(Qt::AlignLeft); //靠左显示ui.edit->setAlignment(Qt::AlignRight); //靠右显示ui.edit->setAlignment(Qt::AlignCenter); //居中展示
复制代码


注意!!!!在使用这个功能的时候,千万要记住 QPlainEdit 是不支持的哦~

1.2 能否编辑

这个功能主要是否可读

举例:


ui.edit->setReadOnly(true); //只读ui.edit->setReadOnlu(false); //可编辑
复制代码


注意!!!!


当文本较多时,采用只读方式滚动条是无法操作的哦~


QTextBrowser 本身就是只读功能,是不需要这个功能的~

1.3 不选中文本

设置了该功能之后不会让 edit 控件设置成选中状态


ui.edit->setTextInteractionFlags(Qt::NoTextInteraction);
复制代码

1.4:注意

无论是哪个编辑控件,获取编辑框的行数都是无效的,这个功能我已经试过了!

2:QLineEdit

QLineEdit 是一个单行文本编辑控件

2.1 风格

2.2 显示模式

QLineEdit 有四种文本显示方式:


Normal、Password、PasswordEchoOnEdit、NoEcho


需要说明的是:PasswordEchoOnEdit


当焦点在控件上时,显示输入的文字,当控件失去焦点时,文字变成了与 Password 显示效果一致。


ui.edit->setEchoMode(QLineEdit::Normal);
复制代码

2.3 提示文字

这个功能是用于展示 edit 上展示的提示文本内容


ui.edit->setPlaceholderText(QStringLiteral(“测试例子!”));
复制代码

2.4 字符串掩码

使用 inputMast()方法可以是 Edit 控件只允许输入自定义的格式字符串


常用的四种设置方式:


年份设置:


ui.editLine->setInputMask(“0000-00-00”);
复制代码



掩码模式


ui.editLine->setInputMask(“000.000.000.000;_”);
复制代码



时间模式


ui.editLine->setInputMask(“HH:HH:HH:HH:HH:HH;_”);
复制代码



模式 4


ui.editLine->setInputMask(“>AAAAA-AAAAA-AAAAA-AAAAA-AAAAA;#”);
复制代码


2.5 添加图标

一般来说,图标我们都只会添加到 QPushButton 这种控件上,其实,在编辑框控件中也是同样适用的。


假设:图标在左侧展示


QAction *searchAction = new QAction(ui.editLine);searchAction->setIcon(QIcon(":/QtControl/image/2wm_p.png"));ui.editLine->addAction(searchAction, QLineEdit::LeadingPosition);
复制代码


左侧:LeadingPosition


右侧:TrailingPosition


展示效果


2.6 添加按钮

QPushButton *btn = new QPushButton();QHBoxLayout *layout = new QHBoxLayout();btn->setCursor(Qt::ArrowCursor);layout->addStretch();layout->addWidget(btn);btn->setContentsMargins(0,0,0,0);ui.editLine->setlayout(layout);
复制代码


展示效果



如果要是想要特定风格的按钮,只需要自定义设置就行,这里只是实现了简单的功能,提供思路哦~

2.7 占位符文本颜色设置

设置方式:



在这里需要注意的是:


使用上述方法可以修改占位符的颜色,占位符设置成黄色,文本的颜色也会更换成黄色,不再是 #333333。


在 QLineEdit 的源代码中占位符设置了 alpha 属性,所以,始终会看到占位符显示的颜色会更暗一些。

3:QTextEdit

QTextEdit 用于多行文本展示,也可以显示 HTML 格式文本

3.1 风格


与 QLineEdit 不同的是,QTextiEdit 设置只读模式下文本背景颜色不生效!

3.2 提示文本

与 QLineEdit 不同,QTextEdit 中没有可直接调用的接口设置。需要通过信号 textChanged 来实时监控输入,从而控制输入的


信号:



实际用法:



其中,TextEdit_MAX_SIZE 是限制的输入大小

3.3 多行颜色值

代码实现:



展示效果


3.4 添加图片

在这里添加图片的方式有三种


第一种:通过 URL 直接添加



第二种:使用 QTextImageFormat 添加



第三种:使用 QTextDocumentFragment 添加


4:QPlainTextEdit

纯文本编辑框

4.1 风格

5:QTextBrowser

该控件无法编辑只用于显示


1:没有是否编辑功能,因为本身就是只读属性


2:无法设置文本对齐方式,只能靠左显示

5.1 风格

5.2 文本自适应

5.3 最大显示行数

5.4 滚动条始终在低端显示

5.5 超链接

情况 1:访问本地文件



情况 2:访问网页



注意:在连接地址的开头需要加上 file:///协议,作用是访问本机的文件路径


用到的消息



该函数的实际应用



点击 QTextBrower 控件上的“显示文本”,直接访问到 001.mp4 视频。


此时,有一个问题出现,当关闭播放视频后,页面会有假死的状态,QTextBrower 控件中出现一些乱码。


解决这种问题的方法是:在访问本地路径后,直接清除本地信息。


总结

到这里,QT 中用于编辑文本的控件介绍就已经结束了,如果还需要其它的功能,我会继续跟进哟~


我是中国好公民 st,一名 C++开发程序媛~

发布于: 1 小时前阅读数: 6
用户头像

书山有路勤为径,学海无涯苦作舟 2022.07.01 加入

擅长语言:C++ 涉及语言:Python

评论

发布
暂无评论
Qt|编辑框的使用总结_qt_中国好公民st_InfoQ写作社区