学习QT的小练习,先看一下目前实现的效果。
功能:
- 编辑文本保存为txt。
- 打开一个txt文本文件,可编辑可保存。
- 文本编辑功能:剪切,复制,粘贴,加粗,斜体,下划线,设置颜色,字体。
要点:
- QT Designer的UI可视化设计:基本控件布局,资源导入,菜单&动作,信号&槽的配置;
- QT信号和槽的机制:可视化配置以及代码手动连接,实现槽函数;
- plainTextEdit控件相关:展示文本,设置文本格式,颜色等;
- 文件对话框:读写文件,打开和保存功能;
- QT常用快捷键:F4在源文件和头文件之间切换,右击菜单refactor转到定义等;
1. UI布局设计
整体界面布局如下。
设计思路:
新建mainWindow窗体,自带菜单栏,工具栏和状态栏。
(1)菜单栏。依次添加需要的菜单。
(2)工具栏。每个小块为一个动作(action),新建动作后添加到对应菜单。
(3)字体大小用spinBox控件(QSpinBox类),字体设置用FontComboBox控件(QFontComboBox类)。不能直接在可视化设计里拖到工具栏,只能通过代码的方式添加。
(4)编辑区。用一个plainTextEdit控件即可。
(5)状态栏。拖一个Qlabel控件进去显示当前正在编辑的文件。
2. 添加资源文件
新建一个资源文件。
随便起个名字,添加到当前工程里面。
在新建的资源文件里添加前缀,然后就可以把所有资源文件(图标)导入进来。
3. 添加菜单(menu)和动作(action)
可视化设计界面里逐个添加菜单和动作。action的属性如下,可以设置快捷键,如果把checkable勾上,那action按下就不会弹起,像开关一样(比如加粗,斜体,下划线这三个按钮)。
每个aciton默认的风格是只显示图标,可以更改下面的属性让文字显示在下方。
4.添加spinBox控件和FontComboBox控件
这两个控件是分别用于设置字体大小和字体的,没法直接拖到工具栏里,需要在代码里实现。最底下显示当前文件的label也同理,用addWidget方法添加到工具栏和状态栏。
void MainWindow::initUI()
{
//设置字体大小控件
spinFontSize = new QSpinBox();
spinFontSize->setMinimum(5); //最小值5
spinFontSize->setMaximum(50); //最大值50
ui->mainToolBar->addWidget(new QLabel("字体大小:")); //先添加一个label提示
ui->mainToolBar->addWidget(spinFontSize); //添加到工具栏
//设置字体控件
comboFon