news 2026/10/27 18:14:40

【Qt 5.14.2 新手实战】QTC++入门筑基——10 分钟做个文本编辑器:QLineEdit + QTextEdit 核心用法

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
【Qt 5.14.2 新手实战】QTC++入门筑基——10 分钟做个文本编辑器:QLineEdit + QTextEdit 核心用法

写课程报告时,是不是总觉得系统自带的记事本功能不够用?要是能有个更贴心的简易文本工具就好了。今天,咱们就用Qt 5.14.2 打造一个这样的文本编辑器,它不仅能满足基本的文本输入,还多了字体设置、内容清空等实用功能。而且,这个小项目代码量在100行以内,30分钟就能跑通,下次课程设计直接就能用,同时还能帮你吃透Qt 5.14.2 的核心输入控件。

一、环境配置清单

基于第一章搭建好的Qt 5.14.2环境,无需额外工具,咱们就可以开始啦。
【Qt 5.14.2 新手实战】QTC++入门筑基——QTC++新手必看:从安装到第一个窗口

二、核心控件拆解

(一)QLineEdit(单行输入)

  1. placeholderText属性设置:

    • placeholderText是QLineEdit的一个很实用的属性,它可以在输入框内显示提示性文字,当用户点击输入框准备输入内容时,提示文字就会消失。比如我们可以设置为“请输入标题”。
    • 在Qt 5.14.2中,找到QLineEdit控件,右键点击选择“Properties Editor”(属性编辑器),在属性面板中找到“placeholderText”,输入提示内容即可,如图1所示。
  2. maxLength属性设置:

    • maxLength属性用于限制用户在QLineEdit中输入的最大字符数。比如设置为50,就表示用户最多只能输入50个字符。
    • 同样在“Properties Editor”属性面板中找到“maxLength”,输入你想要限制的字符数,如图2所示。

(二)QTextEdit(多行输入)

  1. readOnly属性设置:

    • readOnly属性决定了QTextEdit是否可编辑。如果设置为true,用户就只能查看其中的内容,不能进行修改。在属性面板中找到“readOnly”,勾选它就可以将QTextEdit设置为只读模式,如图3所示。
  2. lineWrapMode属性设置:

    • lineWrapMode属性控制文本的换行方式。常见的取值有“WidgetWidth”,表示文本会根据QTextEdit的宽度自动换行。在属性面板的“lineWrapMode”下拉菜单中选择你需要的换行模式,如图4所示。

(三)信号槽连接

我们要实现按钮点击触发“清空内容”和“设置字体”功能,这里介绍两种连接方式:

  1. 可视化连接(设计模式右键):

    • 在设计模式下,右键点击用于“清空内容”的按钮(QPushButton),选择“Go to slot…”(转到槽函数),在弹出的对话框中选择“clicked()”信号,然后点击“OK”。

    • 这时候会自动生成一个槽函数框架,在这个函数里添加清空QTextEdit内容的代码:ui->textEdit->clear();。

    • 同样的方法,为用于“设置字体”的按钮连接“clicked()”信号到槽函数,在槽函数里添加字体设置相关代码。

  2. 代码连接(connect()函数):

    • 在源文件中,找到合适的位置,比如构造函数里,使用connect()函数进行连接。
    • 以“清空内容”按钮为例,代码如下:
connect(ui->clearButton,&QPushButton::clicked,[=](){ui->textEdit->clear();});

这里ui->clearButton是指向“清空内容”按钮的指针,&QPushButton::clicked表示按钮的点击信号,[=]()是一个Lambda表达式,用于定义槽函数的行为,即清空QTextEdit的内容。
- 在Qt 5.14.2中,信号槽语法基本保持不变,使用起来和以往版本类似,大家可以放心使用。

三、完整代码

下面是实现这个文本编辑器的完整代码,包含输入、清空、字体选择、保存临时内容功能,并且适配Qt 5.14.2的头文件引用:

#include"mainwindow.h"#include"ui_mainwindow.h"#include<QFontDialog>#include<QFileDialog>#include<QMessageBox>MainWindow::MainWindow(QWidget*parent):QMainWindow(parent),ui(newUi::MainWindow){ui->setupUi(this);// 代码连接“清空内容”按钮connect(ui->clearButton,&QPushButton::clicked,[=](){ui->textEdit->clear();});// 代码连接“设置字体”按钮connect(ui->fontButton,&QPushButton::clicked,[=](){boolok;QFont font=QFontDialog::getFont(&ok,this);if(ok){ui->textEdit->setFont(font);}});// 代码连接“保存内容”按钮connect(ui->saveButton,&QPushButton::clicked,[=](){QString filePath=QFileDialog::getSaveFileName(this,tr("Save File"),"",tr("Text Files (*.txt)"));if(!filePath.isEmpty()){QFilefile(filePath);if(file.open(QIODevice::WriteOnly|QIODevice::Text)){QTextStreamout(&file);out<<ui->textEdit->toPlainText();file.close();}else{QMessageBox::warning(this,tr("Warning"),tr("Could not open file"));}}});}MainWindow::~MainWindow(){deleteui;}

对应的头文件mainwindow.h内容如下:

#ifndefMAINWINDOW_H#defineMAINWINDOW_H#include<QMainWindow>QT_BEGIN_NAMESPACEnamespaceUi{classMainWindow;}QT_END_NAMESPACEclassMainWindow:publicQMainWindow{Q_OBJECTpublic:MainWindow(QWidget*parent=nullptr);~MainWindow();private:Ui::MainWindow*ui;};#endif// MAINWINDOW_H

运行效果:

四、常见报错解决方案

(一)报错1:“QTextEdit内容无法清空”

原因:在Qt 5.14.2信号槽连接时“sender对象”未选中,导致信号无法正确传递到对应的槽函数,从而不能执行清空操作。

解决步骤:
- 检查代码连接方式下,connect()函数中的对象指针是否正确指向“清空内容”按钮和包含QTextEdit的窗口对象。

(二)报错2:“字体选择对话框不弹出”

原因:未添加#include <QFontDialog>头文件,导致程序找不到字体选择对话框相关的定义。

解决方法:在源文件顶部添加#include <QFontDialog>头文件。

(三)报错3:UI界面重命名后无法使用

原因:因为QT的UI保存没有生效。

解决步骤:
- 需要取消勾选“构建目录”

五、拓展任务

大家可以尝试添加“内容字数统计”功能,利用QTextEdit::toPlainText().length()就可以获取QTextEdit中纯文本的字符数。实现思路是:在界面上添加一个QLabel用于显示字数,然后通过按钮点击或者文本内容变化信号触发一个槽函数,在槽函数中获取QTextEdit的字数并更新QLabel的显示内容。

只需19.9元,就能解锁25个Qt 5.14.2可复现项目,这个文本编辑器可直接作为课程作业素材,为你节省时间和精力。后续还有23个实用项目等你解锁,带你一步步掌握Qt 5.14.2开发技能,是不是很期待呢?赶紧行动起来吧!

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/10/26 19:58:43

EmotiVoice语音合成系统灰度放量策略与风险控制

EmotiVoice语音合成系统的灰度放量实践与风险治理 在智能语音交互日益普及的今天&#xff0c;用户早已不再满足于“能说话”的机器。他们期待的是有温度、有情绪、像真人一样能共情的声音。然而&#xff0c;传统文本转语音&#xff08;TTS&#xff09;系统往往受限于固定音色、…

作者头像 李华
网站建设 2026/10/26 14:45:58

EmotiVoice在智能客服中的应用场景探索

EmotiVoice在智能客服中的应用场景探索 在如今的客户服务场景中&#xff0c;一个电话接通后传来的机械式“您好&#xff0c;请问有什么可以帮您&#xff1f;”已经很难让用户产生信任感。更糟糕的是&#xff0c;当客户带着情绪拨打电话投诉时&#xff0c;系统却用毫无波澜的语调…

作者头像 李华
网站建设 2026/10/27 8:26:13

11、自动化事件处理与虚拟机供应流程解析

自动化事件处理与虚拟机供应流程解析 自动化请求事件处理流程 自动化请求事件处理包含多个步骤,每个步骤都有其特定的操作和逻辑。以下是详细的处理流程: 1. 请求批准(request_approved)事件处理 - 步骤2.1 :遵循关系 [miqaedb:/System/Event/RequestEvent/Reques…

作者头像 李华
网站建设 2026/10/27 2:32:49

16、云环境中Red Hat虚拟机与Satellite 6集成及服务配置指南

云环境中Red Hat虚拟机与Satellite 6集成及服务配置指南 1. 集成背景与需求 在虚拟机供应过程中,将新供应的Red Hat Enterprise Linux虚拟机直接注册到Satellite 6是一个常见需求。这样做能确保生成的虚拟机及时打补丁并保持最新状态,还能根据服务器角色通过Puppet进行配置。…

作者头像 李华
网站建设 2026/10/27 13:27:30

18、服务目录创建与管理全解析

服务目录创建与管理全解析 1. 服务目录项和捆绑包初始化 在服务目录的创建过程中,有两个重要的状态机:CatalogItemInitialization 和 CatalogBundleInitialization。 - CatalogItemInitialization :可以通过正确命名服务对话框元素,将对话框值插入到预配任务对象的选项…

作者头像 李华
网站建设 2026/10/28 0:22:10

23、自动化请求处理与分布式自动化深入解析

自动化请求处理与分布式自动化深入解析 在自动化运维领域,自动化请求的处理以及分布式自动化的实现对于提高工作效率和系统可扩展性至关重要。以下将深入探讨自动化请求审批工作流、调用外部服务的方法,以及分布式自动化处理的相关内容。 自动化请求审批工作流 自动化请求审…

作者头像 李华