参考资料
豆子博客
https://blog.51cto.com/devbean
Qt开源社区
新建项目
新建Qt Widgets Application
应用,项目名称为myMainWindow
,基类选择QMainWindow
,类名为MainWindow
。(实际上就是一直点确定)
新建完项目后,检查一下自己的配置
如果这里显示如上,就点进去
然后都选上吧
可能会出现这种情况
稍等一下就行
初试UI
创建完项目后,打开mainwindow.ui
文件进入设计模式。在这里可以看到界面左上角的“在这里输入”,我们可以在这里添加菜单。双击“在这里输入”,将其更改为“文件(&F
)”,然后按下回车键,效果如下图所示。这里的&F
表明将菜单的快捷键设置为了Alt+ F,可以看到,实际的显示效果中&
符号是隐藏的。
同样的方法,我们在文件菜单中添加“新建(&N)”子菜单,效果如下图所示。菜单后面的那个加号图标是用来创建下一级菜单的。
添加图标
没有图标,就没有灵魂
认识Action
Qt中的一个菜单被看做是一个Action
,我们在下面的Action
编辑器中可以看到刚才添加的“新建”菜单。
双击该条目,会弹出编辑动作对话框。
在编辑动作对话框中的图标后面的 黑色箭头下拉框可以选择资源。
添加资源文件
我们向项目中添加新文件
鼠标右键它就行
模板选择Qt Resource File,如下图所示,名称设置为myResources
。
创建完文件后会自动打开该资源文件,这里需要先在下面添加前缀,就是点击添加按钮,然后选择前缀,默认的前缀是/new/prefix1
,这个可以随意修改(不要出现中文字符),我修改的是/MyIcon。
然后再按下添加按钮来添加文件,这里先将所有要用到的图片放到项目目录中。
比如我们这里在项目目录中新建了一个Icon
文件夹,然后将需要的图标文件粘贴进去。
搞完这个文件夹以后,点添加,然后点文件,找到路径后全选确定就行,添加完文件后,如下图所示。
当添加完资源后,一定要按下Ctrl + S
来保存资源文件,不然在后面可能无法显示已经添加的资源。
以上图片资源我都放在群里了。
使用资源文件
我们重新到设计模式打开新建菜单的编辑动作对话框,然后添加图标。
我们点击这里需要的新建图标filenew.png
,按下确定即可。
现在按下Ctrl + R
键运行程序,看看效果。
没有好康的,就没有灵魂
完善UI
菜单以及文本编译部分
最终效果
布局管理器
拖入一个文本编辑器Text Edit
部件。如下图所示。
然后我们在界面上点击鼠标右键,选择布局→栅格布局(或者使用快捷键Ctrl+G
)。
这时整个文本编辑器部件就会填充中央区域。
现在运行程序,可以发现,无论怎样拉伸窗口,文本编辑器总是填充整个中央区域。
实现功能
从这里开始,会有一点代码部分
中文字符
先在main.cpp
文件中添加代码来保证代码中可以使用中文字符。
首先添加#include <QTextCodec>
头文件包含,然后在主函数中添加如下代码:
1 | QTextCodec::setCodecForLocale(QTextCodec::codecForName("UTF8")); |
基础功能实现
在mainwindow.h
文件中添加public
函数声明:
1 | void newFile(); // 新建操作 |
这里的几个函数就是用来完成功能逻辑的,下面我们会添加它们的定义来实现相应的功能。因为这几个功能联系紧密,所以这几个函数会相互调用。
然后添加private
变量定义:
1 | // 为真表示文件没有保存过,为假表示文件已经被保存过了 |
这里的isUntitled
是一个标志,用来判断文档是否被保存过。而curFile
用来保存当前打开的文件的路径。
下面到mainwindow.cpp
文件,先添加头文件:
1 |
下面添加那几个函数的定义。
新建操作:
1 | void MainWindow::newFile() |
这里先使用maybeSave()
来判断文档是否需要保存,如果已经保存完了,则新建文档,并进行初始化。下面是maybeSave()
函数的定义:
1 | bool MainWindow::maybeSave() |
这里先使用了isModified()
来判断文档是否被更改了,如果被更改了,则弹出对话框让用户选择是否进行保存,或者取消操作。如果取消操作,那么就返回false
,什么都不执行。下面是save()
函数的定义:
1 | bool MainWindow::save() |
这里如果文档以前没有保存过,那么执行另存为操作saveAs()
,如果已经保存过,那么调用saveFile()
执行文件保存操作。下面是saveAs()
函数的定义:
1 | bool MainWindow::saveAs() |
这里使用QFileDialog
来实现了一个另存为对话框,并且获取了文件的路径,然后使用文件路径来保存文件。下面是saveFile()
函数的定义:
1 | bool MainWindow::saveFile(const QString &fileName) |
如果不明白,就把鼠标放到不懂的上面然后按F1
双击mainwindow.ui
文件,在图形界面窗口下面的Action
编辑器里
我们鼠标右击“新建”菜单一条,选择“转到槽”,然后选择triggered()
,另外两个同理。最终代码如下:
1 | void MainWindow::on_action_N_triggered() |
现在运行程序,已经能够实现新建文件,保存文件,文件另存为的功能了。
实现其他功能
先到mainwindow.h
文件中添加public
函数声明:
1 | bool loadFile(const QString &fileName); // 加载文件 |
然后到mainwindow.cpp
文件中添加该函数的定义:
1 | bool MainWindow::loadFile(const QString &fileName) |
分别进入其他几个动作的触发信号的槽,更改如下:
1 | void MainWindow::on_action_O_triggered() |
这里可以看到,复制、粘贴等常用功能是QTextEdit
已经实现的,我们只需要调用相应的函数。虽然实现了退出功能,但是,有时候会使用窗口标题栏的关闭按钮来关闭程序,这里我们需要使用关闭事件处理函数来实现相应的功能。
下面到mainwindow.h
文件中,先添加头文件包含#include<QCloseEvent>
,然后添加函数声明:
1 | protected: |
然后到mainwindow.cpp
文件中添加该函数的定义:
1 | void MainWindow::closeEvent(QCloseEvent *event) |
查找功能
函数声明
首先到mainwindow.h
文件中添加类的前置声明:
1 | class QLineEdit; |
前置声明所在的位置跟头文件包含的位置相同。
然后在private
中添加对象定义:
1 | QLineEdit *findLineEdit; |
添加一个私有槽声明:
1 | private slots: |
槽可以看做是一个函数,只不过可以和信号进行关联。
下面到mainwindow.cpp
文件中,因为前面在头文件中使用了类的前置声明,所以这里需要先添加头文件包含:
1 |
然后在构造函数中进行初始化操作,即添加如下代码:
1 | findDlg = new QDialog(this); |
这里创建了一个对话框,然后将一个行编辑器和一个按钮放到了上面,并使用布局管理器进行布局。
最后将按钮的单击信号关联到了自定义的显示查找到的文本槽上。
实现功能
在mainwindow.cpp
中
1 | void MainWindow::showFindText() |
这时已经能实现查找的功能了。
但是find
的返回值类型是bool
型,而且,我们也应该为查找不到字符串作出提示。(怎么看,按F1
)
将这行代码更改为:
1 | if (!ui->textEdit->find(str, QTextDocument::FindBackward)) |
最后,我们来实现界面上的查找功能。从设计模式进入查找动作的触发信号的槽,更改如下:
1 | void MainWindow::on_action_F_triggered() |