广告
返回顶部
首页 > 资讯 > 后端开发 > 其他教程 >Qt实现文本编辑器(一)
  • 281
分享到

Qt实现文本编辑器(一)

2024-04-02 19:04:59 281人浏览 八月长安
摘要

目录功能实现动作(QAction)实现菜单(Menus)实现工具栏(ToolBars)实现展示区域小结(一)在Qt中QMainWindow是一个为用户提供主窗口程序的类,包含了:菜单

Qt中QMainWindow是一个为用户提供主窗口程序的类,包含了:菜单栏、工具栏、锚接部件、状态栏以及一个中部件。今天我就来通过实现一个简单的文本编辑器讲解下对QMainWindow的各种功能讲解。

想要完整的实现一个编辑器,所需要的功能还是比较全面的。今天主要来讲解如何构建文本编辑器,包括了:菜单栏、工具栏以及文本编辑区域。

功能实现

在QMainWindow中,菜单与工具栏都与QAction类有密切的关系,实现菜单和工具栏主要是对动作的实现。

QAction类为用户提供了一个统一的命令接口,无论是从菜单触发还是从工具栏触发,甚至是通过快捷键触发都调用同样的操作接口,达到同样的目的。

动作(QAction)实现

设计到的动画包括了以下几个功能:

打开、新建、退出、复制、剪切、粘贴

对应的动作类,如下面表格中介绍,后续都是用类指针的方式说明:

动作类名功能组合键
打开m_pActionOpenFile打开一个指定的文件,从本地程序中打开Ctrl+O
新建m_pActionNewFile弹出新的文件编辑窗口Ctrl+N
退出m_pActionExit退出Ctrl+Q
复制m_pActionCopy复制Ctrl+C
剪切m_pActionCut剪切Ctrl+X
粘贴m_pActionPaste粘贴Ctrl+V

在文本编辑器中一般会用到这几项功能,我们可以对每个动作功能进行快捷键绑定,接下来就以“打开文件动作”做详细说明吧~

"打开"动作

创建一个打开动作

m_pActionOpenFile = new QAction(QIcon(":/QtTextEditor/image/open.jpg"), QStringLiteral("打开"), this);

在创建“打开”动作的同时也指定了当前动作使用的图标、名称以及父窗口

设置快捷键

m_pActionOpenFile->setShortcut(tr("Ctrl+O"));

当前“打开”动作的组合键是Ctrl+O

设置提示信息

m_pActionOpenFile->setStatusTip(QStringLiteral("打开一个文件"));

类似于控件的setToolTips功能。

当鼠标光标移动到此动作对应的菜单条目或工具栏按钮上时,在状态栏上会显示“打开一个文件”的提示。

有的人会问道:在创建打开动作实例的时候,不传入图片可以吗?

当然没问题啦,在创建动作时,不传入图标时,这类动作通常只在菜单中出现,而不在工具栏上面使用。这是唯一的区别

剩下的其他动作我们可以也按照同样的方式进行设置,具体的组合键可以参照我的,也可以随意发挥。

菜单(Menus)实现

在实现了各个动作之后,直接展示能被我们看到吗?

如果不清楚的可以运行下,结果发现是不可以被看到的。是需要将它们通过菜单、工具栏或者快捷键的方式体现出来。

什么是菜单呢?

就拿Notepad++文本编辑器来说明下

红色框标注的区域是菜单栏,蓝色框标注的区域是工具栏

接下来,我们就来实现菜单栏上的功能,这里只是简单的列举了几项,包括:文件、缩放、旋转、镜像

功能对应表如下:

名称类名功能
文件m_pMenuFile打开一个新文件;创建一个新文件;退出
缩放m_pMenuZoom复制文件;剪切文件;粘贴文件;放大;缩小
旋转m_pMenuRotate90°旋转;180°旋转;270°旋转
镜像m_pMenuMirror垂直镜像;水平镜像

菜单创建

m_pMenuFile = menuBar()->addMenu(QStringLiteral("文件"));
m_pMenuFile->addAction(m_pActionOpenFile);
m_pMenuFile->addAction(m_pActionNewFile);
m_pMenuFile->addSeparator();

就以文件菜单为例,不采用new的方式,直接调用QMainWindow的menuBar()函数就可以得到主窗口的菜单栏指针,然后,再调用QMenuBar::addMenu()函数,就可以在菜单栏中插入一个新菜单fileMenu。

其中,fileMenu就是一个QMenu类对象。

addAction:可以在菜单条目中添加“打开”、“新建”的动作,如下图所示:

像:缩放菜单、旋转菜单、镜像菜单实现方法类似,这里就不一一说明了。

工具栏(ToolBars)实现

在主窗口的工具栏上可以存在多个工具条,一般情况下一个菜单对应一个工具条,在实际应用中也可以根据项目需求进行分配。

在这里我为了简单起见,按照菜单的数量划分了工具条:文件工具条、编辑工具条、旋转工具条、镜像工具条

红色框区域就是创建的四个工具条,其中还标注了两个蓝色框,这两个蓝色框中的内容就是在设置动作时,写入的提示信息。

就拿文件工具条来举例吧

m_pToolFile = addToolBar("File");
m_pToolFile->addAction(m_pActionOpenFile);
m_pToolFile->addAction(m_pActionNewFile);

在默认的创建工具条的属性中,是可以随意拖动工具条的,想要禁止拖动可以如下设置:

m_pToolFile->setMovable(false);

创建好了菜单以及工具栏之后,中间剩下的区域就是我们文本编辑以及展示的区域了。

展示区域

展示区域主要是进行编写工作,在这里我们可以采用QTextEdit编辑控件来处理。

那么,如何确定该编辑框的展示区域呢?

在QMainWindow主窗口中有一个叫做中心窗口部件:Central Widget,创建了QTextEdit控件后,将该控件指针赋值到中心窗口部件就可以实现编辑区域在中间展示的效果了

实际的展示效果:

实际的代码操作:

m_editContent = new QTextEdit(this);
setCentralWidget(m_editContent);

小结(一)

看到这里,就可以构建出整体的编辑页面了,包括了三个部分:菜单栏区域、工具栏区域、编辑区域

那么,下一章节我们继续介绍文本编辑器功能

到此这篇关于Qt实现文本编辑器(一)的文章就介绍到这了,更多相关Qt文本编辑器内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: Qt实现文本编辑器(一)

本文链接: https://www.lsjlt.com/news/163648.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Qt实现文本编辑器(一)
    目录功能实现动作(QAction)实现菜单(Menus)实现工具栏(ToolBars)实现展示区域小结(一)在Qt中QMainWindow是一个为用户提供主窗口程序的类,包含了:菜单...
    99+
    2022-11-13
  • Qt实现文本编辑器(二)
    目录功能实现功能:功能1:动作消息功能2:动作事件实现功能3:文本编辑总结上一章节讲述了如何制作文本编辑页面,以及应该有哪些功能需要实现,只是做了展示效果,实际的点击事件并没有处理。...
    99+
    2022-11-13
  • Qt如何实现多文本编辑器
    本篇内容主要讲解“Qt如何实现多文本编辑器”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Qt如何实现多文本编辑器”吧!首先先来看实验成果图,大概就是这么个多文档编辑器。首先需要在设计模式里进行设...
    99+
    2023-07-05
  • Qt项目实战之实现多文本编辑器
    首先先来看实验成果图,大概就是这么个多文档编辑器。 首先需要在设计模式里进行设计器的设置: 然后就是新建类MdiChild的声明和实现 mdichild.h #ifndef MD...
    99+
    2023-03-19
    Qt多文本编辑器 Qt文本编辑器 Qt编辑器
  • Qt实现一个简单的word文档编辑器
    目录1.先看效果图2.需要用到的类2.1字体选择下拉框:QFontComboBox。2.2颜色对话框:QColorDialog2.3QTextCharFormat3.源码1.先看效果...
    99+
    2022-11-13
  • Qt如何实现一个简单的word文档编辑器
    本文小编为大家详细介绍“Qt如何实现一个简单的word文档编辑器”,内容详细,步骤清晰,细节处理妥当,希望这篇“Qt如何实现一个简单的word文档编辑器”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。1.先看效果图...
    99+
    2023-07-02
  • java如何实现文本编辑器
    要实现一个文本编辑器,你可以使用Java的图形用户界面(GUI)库,例如Swing或JavaFX。首先,创建一个主要的窗口,可以使用...
    99+
    2023-09-06
    java
  • javascript 文本编辑器实现代码
    写一篇1800个字以上的中文文章,标题如下:JavaScript 文本编辑器实现代码JavaScript 是一种广泛应用于 Web 开发中的脚本语言,其最大的优点是可以在不重新加载整个页面的情况下,使得页面上某一部分动态地变化。文本编辑器则...
    99+
    2023-05-17
  • JavaScript如何实现富文本编辑器
    这篇文章主要介绍JavaScript如何实现富文本编辑器,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!前段时间在寻找一些关于富文本编辑器的资料,然后发现了这个名为 Pell 的项目,...
    99+
    2022-10-19
  • 教你用JAVA写文本编辑器(一)
    目录前言思路分析:具体实现总结前言 这里用swing ,awt写的。 我们大概要做成一个电脑的记事本那样的一个编辑器。可以调整字体,字号,颜色。能够打开、保存文件,新建窗口,点击退出...
    99+
    2022-11-12
  • JavaScript中怎么实现富文本编辑器
    JavaScript中怎么实现富文本编辑器,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。Document.execCommand()先从最简单...
    99+
    2022-10-19
  • C语言实现简易文本编辑器
    本程序要求完成一个简易文本编辑器,能够完成文本的录入、编辑、删除、查找,并能够完成文件的存取。 在文本编辑软件中把用户输入的所有文本内容作为一个字符串。虽然各种文本编辑软件的功能有强...
    99+
    2022-11-12
  • Android实现EditText的富文本编辑
    前言本文是我之前写的这篇文章《Android图文混排-实现EditText图文混合插入上传》的升级版,除了在EditText实现了图片上传之外,还包含了视频上传、云盘文件上传、录音上传以及显示上传进度。目前应用于蜜蜂-集结号-任务模块。首先...
    99+
    2023-05-30
    android edittext 富文本编辑
  • 如何在文本编辑器中编辑HTML文件
    HTML是一种标记语言,用于创建网页和其他文档。如果你想学习HTML,在你的计算机上需要有一个文本编辑器,这篇文章将介绍如何在文本编辑器中编辑HTML文件,并提供一些提示和技巧。选择文本编辑器首先,你需要选择一个文本编辑器,它应该是可以在你...
    99+
    2023-05-14
  • ASP.NET MVC如何实现layui富文本编辑器
    这篇“ASP.NET MVC如何实现layui富文本编辑器”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一...
    99+
    2022-10-19
  • C语言实现简单的文本编辑器
    本文实例为大家分享了C语言实现简单的文本编辑器的具体代码,供大家参考,具体内容如下 预期实现三个功能,第一,可以对指定的行输入字符串;第二,删除指定行的字符串;第三,显示编辑器的行数...
    99+
    2022-11-12
  • Qt5实现文本编辑器(附详细代码)
    目录1. 功能介绍2. 功能演示3. 代码4. 改进1. 功能介绍 老规矩,我们直接上截图 这是主界面 文件菜单界面 编辑菜单界面 设置菜单界面 关于菜单界面 ...
    99+
    2022-11-12
  • C语言如何实现简易文本编辑器
    这篇文章主要介绍了C语言如何实现简易文本编辑器,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。C语言是什么C语言是一门面向过程的、抽象化的通用程序设计语言,广泛应用于底层开发,...
    99+
    2023-06-15
  • ASP.NET MVC怎么实现layui富文本编辑器应用
    这篇文章主要讲解了“ASP.NET MVC怎么实现layui富文本编辑器应用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“ASP.NET MVC怎么实现la...
    99+
    2022-10-19
  • Django集成富文本编辑器summernote的实现步骤
    目录第一步 安装django-summernote第二步 使用django-summernote第三步 测试效果第四步 常规配置提到Django的富文本编辑器,大家一定会想...
    99+
    2022-11-12
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作