【qt】最快的开发界面效率——混合编程·:https://developer.aliyun.com/article/1507182
3.toolBar工具栏
在界面的右边可以看到我们界面当前有的东西
默认是没有工具栏的,所有我们要进行手动的添加
右击MainWindow,添加工具栏
这个时候就有工具栏了
界面上的工具栏在这里:
然后我们可以将刚刚的action拖到工具栏中
也可以右键添加分隔符
这就拖完了,但是没有文字,我们可以先在右边的工具栏里的属性中找到toolButtonStyle进行设置
选择
就会出现:
然后添加一个文本编辑器组件
运行结果:
4.中心组件
看到我们的运行结果就感到很丑陋,文本编辑器都不能随着窗口的变化而变化。
这个时候我们就姚开始加布局的操作了。
选择整个窗口,添加水平布局。
此时我们中心组件就是文本编辑器了
可以自适应大小了,但是有边距
可以在centralwidget里面的Layout里把边距都设置为0
此时的运行结果:
完美,下面的是状态栏,不是边距。
三.代码界面设计
1.toolBar添加组件
现在距离我们的界面目标还差工具栏里面的字体大小和字体选择,这两个组件是QSpinBox和QFontComboBox是不能够直接拖放到工具栏的,因此我们只能使用代码去进行操作。
对于用代码写界面还是老样子
先定义指针,注意头文件
#ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow> #include <QSpinBox>//整数选择 #include <QFontComboBox>//字体选择 QT_BEGIN_NAMESPACE namespace Ui { class MainWindow; } QT_END_NAMESPACE class MainWindow : public QMainWindow { Q_OBJECT public: MainWindow(QWidget *parent = nullptr); ~MainWindow(); private: Ui::MainWindow *ui; QSpinBox*spinBoxFontSize; QFontComboBox*fontBox; }; #endif // MAINWINDOW_H
然后对指针进行初始化
void MainWindow::initUI() { spinBoxFontSize=new QSpinBox; fontBox=new QFontComboBox; spinBoxFontSize->setMinimumWidth(60); //设置字体大小选择的最小宽度 spinBoxFontSize->setMinimum(8);//设置字体的最小尺寸 spinBoxFontSize->setMaximum(60);//设置字体的最大尺寸 spinBoxFontSize->setValue(ui->textEdit->fontPointSize());//开始拿到当前字体的大小 ui->toolBar->addWidget(new QLabel("字体大小"));//向工具栏添加标签 ui->toolBar->addWidget(spinBoxFontSize);//向工具栏中添加字体的大小选择 fontBox->setMinimumWidth(160);//设置字体样式组件的最小宽度 ui->toolBar->addSeparator();//添加一个分割符 ui->toolBar->addWidget(new QLabel("字体"));//向工具栏中添加字体 ui->toolBar->addWidget(fontBox);//向工具栏中添加字体 }
同时对组件进行一些基础的属性设置
toolBar->addWiget这就是向工具栏进行添加组件的接口
运行结果:
OK,在工具栏中就出现了,我们需要的组件了。
2.statusBar状态栏添加组件
接下来就差状态栏的界面了
添加的原理跟工具栏差不多
先定义指针;
#include <QMainWindow> #include <QSpinBox>//整数选择 #include <QFontComboBox>//字体选择 #include <QLabel> #include <QProgressBar>//进度条 QT_BEGIN_NAMESPACE namespace Ui { class MainWindow; } QT_END_NAMESPACE class MainWindow : public QMainWindow { Q_OBJECT public: MainWindow(QWidget *parent = nullptr); ~MainWindow(); private: Ui::MainWindow *ui; QSpinBox*spinBoxFontSize; QFontComboBox*fontBox; QLabel*fileName; QProgressBar*progressBar; void initUI(); };
接下来在initUI里面进行初始化
void MainWindow::initUI() { spinBoxFontSize=new QSpinBox; fontBox=new QFontComboBox; fileName=new QLabel; progressBar=new QProgressBar; spinBoxFontSize->setMinimumWidth(60); //设置字体大小选择的最小宽度 spinBoxFontSize->setMinimum(8);//设置字体的最小尺寸 spinBoxFontSize->setMaximum(60);//设置字体的最大尺寸 spinBoxFontSize->setValue(ui->textEdit->fontPointSize());//开始拿到当前字体的大小 ui->toolBar->addWidget(new QLabel("字体大小"));//向工具栏添加标签 ui->toolBar->addWidget(spinBoxFontSize);//向工具栏中添加字体的大小选择 fontBox->setMinimumWidth(160);//设置字体样式组件的最小宽度 ui->toolBar->addSeparator();//添加一个分割符 ui->toolBar->addWidget(new QLabel("字体"));//向工具栏中添加字体 ui->toolBar->addWidget(fontBox);//向工具栏中添加字体 fileName->setMinimumWidth(180);//设置标签的最小宽度 fileName->setText("当前文字"); ui->statusbar->addWidget(fileName);//将标签添加到状态栏 progressBar->setMinimum(8);//设置进度条的最小值,与字体的尺寸相对应 progressBar->setMaximum(60);//设置进度条的最大值 progressBar->setMinimumWidth(80);//设置进度条的最小宽度 progressBar->setMaximumWidth(200);//设置进度条的最大宽度 progressBar->setValue(ui->textEdit->fontPointSize());//用字体的大小来设置当前进度条的值 ui->statusbar->addWidget(progressBar);//将进度条添加到状态栏 }
运行结果:
OK我们的界面就全部完成了,这就是代码与ui设计器的结合,ok,接下来我们来实现功能!
【qt】最快的开发界面效率——混合编程3:https://developer.aliyun.com/article/1507185