文档编辑器之一:窗口界面的设计

应用Qt写一个文档编辑器,可以对多文档进行编辑

项目前的准备

界面分析


整个界面的布局分为菜单栏、工具栏、项目符号字体字号栏、多文档编辑区。
菜单栏:文件、编辑、格式、窗口、帮助。
工具栏:文件操作的工具、文字编辑的工具、文字格式的工具以及段落处理的工具。
项目符号字体字号:可以进行项目符号的插入、字体字号的选择
多文档编辑区域:可以进行多文档的编辑处理。

菜单栏的设计

在这里插入图片描述
文件:主要是对文件的操作,新建、打开、保存、另存为、打印和打印预览。
编辑:主要是文字编辑的一些操作:撤回、重做、剪切、复制、粘贴。
格式:文本格式的操作:字体的操作(加粗、倾斜、下划线)、段落的操作(左对齐、右对齐、居中对齐、两端对齐)、字体的颜色。
窗体:因为是多文档编辑,所以需要增加对窗体的操作:关闭、关闭所有、平铺、层叠、上一个、下一个。
帮助:一些操作说明和介绍

新建项目

首先需要选择Qt Widgets Application 窗口类应用程序。
在这里插入图片描述
在这里插入图片描述
选择MinGW编译器
在这里插入图片描述
Qt中常用的基类为QDialog、QWidget、QMainWindow这三个类,在这里选择的是QMainWindow基类。

设计窗口界面

在这里插入图片描述
进入到设计模式(双击UI文件)在窗口的菜单栏中进行编辑,括号和括号的内容要用英文符号,它的作用是生成相应的快捷键,比如(Alt + H 是帮助菜单),每输入完成后,一定要按回车键保存。
菜单栏还要输入子菜单,但是子菜单的输入不支持中文,但可以进行粘贴,所以可以先到其他编辑器上将子菜单编辑好,然后再逐项粘贴
在这里插入图片描述
在这里插入图片描述

对窗口中的菜单和动作进行设置

当完成所有的菜单和动作的输入时,就可以对这些动作进行进一步的设置了,首先对动作的对象名进行修改以及动作快捷键的设置,可以在后续更好的处理这些
在这里插入图片描述
为了更好的使用这些动作,可以给他们添加描述,可以让使用者更加方便的使用这些动作
在这里插入图片描述

为动作添加图标,让界面更加美观

回顾我们的应用界面,在工具栏中的动作都是有图标的。可以先准备一些图片,可以到网上下载一些相关的图片。回到编辑模式,右键单击项目名,选择添加新文件,选择Qt的资源文件进行添加在这里插入图片描述
添加资源文件后,会弹出如下窗口,先点击添加前缀,系统会自动填充前缀,我们用的文件当然不是这个,所以要讲前缀删了,只剩一个斜杠,然后可以进行添加文件了
在这里插入图片描述

这里最好是将所需要的图片放到一个文件夹中,方便管理。文件夹放到和项目相同的目录下。进入放置图片的文件夹,选择所有图片
在这里插入图片描述

在这里插入图片描述
添加完文件后,就可以到ui界面下添加动作的图标了。将进入UI界面,在右侧的属性栏中找到QAction 中的 icon属性,点击小倒三角选择资源文件,添加相应的资源
在这里插入图片描述
添加玩相应的图片后,就可以用鼠标拖动图标到工具栏中,拖动完一个菜单里的动作后,可以点击空白处,添加新的工具栏以加区分
在这里插入图片描述
接下来是添加字体组合框,在左侧的输入框中输入ComBo Box,下方就会出现ComBo Box (组合框)和 Font ComBo Box (字体组合框)。组合框用来设置项目符号和字号大小,字体组合框用来设置字体。
在这里插入图片描述
项目符号的编辑,直接右键点击编辑项目,点击加号添加项目,输入想要的项目名称点击保存即可
在这里插入图片描述
字体和字号的设置到编辑模式中进行设置
最后一步添加多文档编辑区,在左侧的输入框输入MdiArea,拖动MdiArea 到主界面中的主控件区域,调整大小合适。
在这里插入图片描述
按照同样的方法,对组合框和多文档编辑区的对象名进行修改,以便后续更好的操作。到此界面设计完成

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值