Qt中编辑框的使用总结

1,340 阅读4分钟

「时光不负,创作不停,本文正在参加2021年终总结征文大赛

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中用于编辑文本的控件介绍就已经结束了,如果还需要其它的功能,我会继续跟进哟~