主窗体
部件构成
菜单栏、工具栏、主窗体、状态栏。
UI 编辑器设计主窗体
💡 简易记事本的实现(part 1)
菜单栏
工具栏(图标)
主窗体
完善菜单栏:
mainwindow.cpp
#include "mainwindow.h"
#include "ui_mainwindow.h"MainWindow::MainWindow(QWidget *parent) :QMainWindow(parent),ui(new Ui::MainWindow)
{ui->setupUi(this);this->setWindowTitle("新建文本文档 - txt");this->setWindowIcon(QIcon("://notepad.png"));
}MainWindow::~MainWindow()
{delete ui;
}
Functions
状态栏显示提示信息
设置显示的时长,时间单位:ms。
void showMessage(const QString & message, int timeout = 0);
设置标题栏的标题、图标
void setWindowTitle(const QString &); // 设置标题栏的标题
void setWindowIcon(const QIcon & icon); // 设置标题栏的图标
设置图标然后运行,如果不能正常显示,不用理会,是系统的问题。
QFile
继承关系
QObject – QIODevice – QFileDevice – QFile
QIODevice:QT 对输入输出设备的抽象,提供了操作设备的一系列接口。
接口
QFile(const QString &name); // 使用文件名构造一个 QFile 对象,文件名可以包含路径和文件名void setFileName(const QString & name); // 如果构造没指定,也可以通过这个接口指定一下
bool exists(); // 判断文件是否存在
bool open(OpenMode mode); // 继承自 QIODevice,OpenMode 取值:QIODevice::ReadOnlyQIODevice::WriteOnlyQIODevice::ReadWrite...bool atEnd(); // 到达文件尾部
bool remove(); // 删除文件
bool rename(const QString & newName); // 重命名文件
qint64 read(char * data, qint64 maxSize);
QByteArray read(qint64 maxSize); // 读取最大maxSize字节,并返回一个QByteArray
QByteArray readAll(); // 读取文件中所有数据,并返回一个QByteArrayqint64 write(const char * data, qint64 maxSize);
qint64 write(const QByteArray & byteArray);qint64 pos() const; // 得到当前读写指针的位置
bool seek(qint64 pos); // 重新设置读写指针位置bool QFileDevice::resize(qint64 sz); // 重设文件大小,可用于清空文件,比如 resize(0) qint64 size() const; // 获取文件大小
💡 简易记事本的实现(part 2)
mainwindow.h
#ifndef MAINWINDOW_H
#define MAINWINDOW_H#include <QMainWindow>
#include <QtWidgets>namespace Ui {
class MainWindow;
}class MainWindow : public QMainWindow
{Q_OBJECTpublic:explicit MainWindow(QWidget *parent = 0);~MainWindow();private slots:void on_action_O_triggered();void on_action_S_triggered();private:Ui::MainWindow *ui;
};#endif // MAINWINDOW_H
mainwindow.cpp
#include "mainwindow.h"
#include "ui_mainwindow.h"MainWindow::MainWindow(QWidget *parent) :QMainWindow(parent),ui(new Ui::MainWindow)
{ui->setupUi(this);this->setWindowTitle("新建文本文档 - txt");this->setWindowIcon(QIcon("://notepad.png"));
}MainWindow::~MainWindow()
{delete ui;
}void MainWindow::on_action_O_triggered()
{ui->statusBar->showMessage("Hello~", 0);QString filename = QFileDialog::getOpenFileName(this, tr("打开文件"), \".", tr("text (*.c *.cpp *.txt)"));if (filename.isEmpty()){ui->statusBar->showMessage("打开失败", 1500);return ;}QFile file(filename);if (!file.open(QIODevice::ReadOnly)){ui->statusBar->showMessage("打开失败", 1500);return ;}ui->statusBar->showMessage("打开成功", 1500);QByteArray buffer = file.readAll();ui->textEdit->setText(QString(buffer));
// ui->textEdit->setText(QString::fromUtf8(buffer)); // 可以// QString str = QString::fromLocal8Bit(buffer); // 不行,因为下面是 toUtf8
// ui->textEdit->setText(QString(str)); }void MainWindow::on_action_S_triggered()
{QString filename = QFileDialog::getSaveFileName(this, tr("保存文件"), \QDir::homePath(), tr("text (*.txt)"));if (filename.isEmpty()){ui->statusBar->showMessage("保存失败", 1500);return ;}QFile file(filename);if (!file.open(QIODevice::WriteOnly | QIODevice::Text)){ui->statusBar->showMessage("保存失败", 1500);return ;}QTextStream out(&file);QString str = ui->textEdit->toPlainText();QByteArray buffer;buffer.clear();buffer = str.toUtf8();out << buffer; // file.write(buffer);ui->statusBar->showMessage("保存成功", 1500);file.close();
}
QIODevice::Text 是一种打开方式,用于文件的读写操作。当以 QIODevice::Text 方式打开文件时,在读取文件内容时,回车换行符(\r\n)会被自动转换为换行符(\n);在写入文件内容时,换行符(\n)会被自动转换为系统的换行符。
编码转换
QT 界面只支持 utf-8 编码。
QString fromLocal8Bit(const QByteArray &str); // 将QByteArray按照本地编码转换为QString
QString fromUtf8(const QByteArray &str); // 将QByteArray按照utf-8编码转换为QStringQByteArray toLocal8Bit(); // 把QString按照本地编码转换成QByteArray
QByteArray toUtf8(); // 把QString按照utf-8编码转换成QByteArray
事件
概念
事件由 窗口系统 或 QT 自身 以及 外部外设 产生,用以响应各种行为或情况。如:当按下鼠标或释放鼠标时,会产生鼠标事件;按下键盘时出现按键事件。窗体有时需要捕捉这些事件并做出业务逻辑处理。
步骤
文字描述版:
所有的事件处理都是通过重写某个事件方法来实现的:
图片展示版:(以 QEvent::KeyPress 为例)
💡 完善登录模块
要求:按回车键触发登录事件,按ESC 键退出登录界面。
widget.h
#ifndef WIDGET_H
#define WIDGET_H#include <QtWidgets>
#include <QPushButton>
#include <QLabel>
#include <QLineEdit>class Widget : public QWidget
{Q_OBJECTQPushButton *btn;QLineEdit *username;QLineEdit *password;QString usr;QString pwd;QLabel *label;QLabel *ulabel;QLabel *plabel;public:Widget(QWidget *parent = 0);~Widget();public slots:void verifySlot();protected:void keyPressEvent(QKeyEvent * event);};
widget.cpp
#include "widget.h"
#include <QDebug>Widget::Widget(QWidget *parent): QWidget(parent)
{resize(480, 300);btn = new QPushButton("Login", this); // 需要在堆区创建,不能在栈区创建btn->move(180, 220);ulabel = new QLabel("Username: ", this);ulabel->move(60, 80);username = new QLineEdit(this);username->move(180, 80);username->setPlaceholderText("Please input...");plabel = new QLabel("Password: ", this);plabel->move(60, 160);password = new QLineEdit(this);password->move(180, 160);password->setEchoMode(QLineEdit::Password);password->setPlaceholderText("Please input...");QObject::connect(btn, SIGNAL(clicked()), this, SLOT(verifySlot()));label = new QLabel(this);
}void Widget::verifySlot()
{usr = username->text();pwd = password->text();label->resize(480, 300);if (usr == "0828" && pwd == "0828"){
// label->setText("Logined successfully!"); // 成功显示,但不美观qDebug("Logined successfully!");this->close();QWidget *homePage = new QWidget;homePage->resize(309, 500);homePage->show();}else{// QObject::connect(btn, SIGNAL(clicked()), this, SLOT(close())); // 不能这样写,需要点击两次按钮才会关闭小窗口this->close();}
}void Widget::keyPressEvent(QKeyEvent * event)
{
// qDebug("%x", event->key());if(event->key() == Qt::Key_Return || event->key() == Qt::Key_Enter)this->verifySlot();else if(event->key() == Qt::Key_Escape)this->close();elseQWidget::keyPressEvent(event);
}Widget::~Widget()
{}
💡 禁止输入特殊字符
弹框
QToolTip::showText(this->mapToGlobal(this->pos()), "不能使用特殊字符", this);
widget.cpp
#include "widget.h"
#include "ui_widget.h"
#include "mytextedit.h"Widget::Widget(QWidget *parent) :QWidget(parent),ui(new Ui::Widget)
{ui->setupUi(this);MyTextEdit *mine = new MyTextEdit(this);
}Widget::~Widget()
{delete ui;
}
mytextedit.h
#ifndef MYTEXTEDIT_H
#define MYTEXTEDIT_H#include <QTextEdit>
#include <QtWidgets>class MyTextEdit : public QTextEdit // .cpp, Line 25
{Q_OBJECT
public:explicit MyTextEdit(QWidget *parent = 0);signals:public slots:protected:void keyPressEvent(QKeyEvent * event);};#endif // MYTEXTEDIT_H
mytextedit.cpp
#include "mytextedit.h"MyTextEdit::MyTextEdit(QWidget *parent) :QTextEdit(parent)
{
}void MyTextEdit::keyPressEvent(QKeyEvent * event)
{qDebug("%x", event->key());switch(event->key()){case Qt::Key_Backslash: // 5c、case Qt::Key_Slash: // 2f、case Qt::Key_Colon: // 3a、case Qt::Key_Asterisk: // 2a、case Qt::Key_Question: // 3f、case Qt::Key_QuoteDbl: // 22、case Qt::Key_Less: // 3c、case Qt::Key_Greater: // 3e、case Qt::Key_Bar: // 7cQToolTip::showText(this->mapToGlobal(this->pos()), "不能使用特殊字符", this);break;default:QTextEdit::keyPressEvent(event); // .h, Line 7break;}
// if (event->key() == Qt::Key_Backslash)
// QToolTip::showText(this->mapToGlobal(this->pos()), "不能使用特殊字符", this);
// else
// QTextEdit::keyPressEvent(event);
}
运行结果如下:
💡 使用鼠标滚轮 操作双向进度条
int numDegrees = event->delta() / 8; // 滚动的角度,*8就是鼠标滚动的距离
int numSteps = numDegrees / 15; // 滚动的步数,*15就是鼠标滚动的角度// numSteps即上下滚动的步数,体现到数值上是 1/-1。相关事件类:QWheelEvent
widget.h
#ifndef WIDGET_H
#define WIDGET_H#include <QtWidgets>namespace Ui {
class Widget;
}class Widget : public QWidget
{Q_OBJECTpublic:explicit Widget(QWidget *parent = 0);~Widget();private:Ui::Widget *ui;QProgressBar *lbar;QProgressBar *rbar;int lval;int rval;protected:void wheelEvent(QWheelEvent * event);
};#endif // WIDGET_H
widget.cpp
#include "widget.h"
#include "ui_widget.h"Widget::Widget(QWidget *parent) :QWidget(parent),ui(new Ui::Widget)
{ui->setupUi(this);this->resize(600, 50);// 初始化两个进度条lbar = new QProgressBar;rbar = new QProgressBar;// 为进度条设置默认值lbar->setValue(0);rbar->setValue(0);this->lval= 0;this->rval= 0;// 取消显示进度条的百分比lbar->setTextVisible(false);rbar->setTextVisible(false);// 使进度条可以纵向拉伸lbar->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);rbar->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);// 翻转左进度条lbar->setInvertedAppearance(true);// 添加进度条样式,每个进度条中包含有 1px 的 border边框// lbar->setStyleSheet(PROGRESS_LEFT_STYLE);// rbar->setStyleSheet(PROGRESS_RIGHT_STYLE);// 左右两进度条横向布局QHBoxLayout *box = new QHBoxLayout;box->addWidget(lbar);box->addWidget(rbar);box->setMargin(0);box->setSpacing(0);// 添加进度条两侧的空白,再次横向布局QHBoxLayout *hbox = new QHBoxLayout;hbox->addStretch(1);hbox->addLayout(box, 28);hbox->addStretch(1);hbox->setMargin(0);hbox->setSpacing(0);// 添加进度条上下的空白,然后纵向布局QVBoxLayout *vbox = new QVBoxLayout(this);vbox->addStretch(1);vbox->addLayout(hbox, 5);vbox->addStretch(1);vbox->setMargin(0);vbox->setSpacing(0);
}void Widget::wheelEvent(QWheelEvent * event)
{int numDegrees = event->delta() / 8;int numSteps = numDegrees / 15;// qDebug() << numDegrees << numSteps; // ±15, ±1if (numDegrees < 0){if (this->rval < 0){this->rval = 0;this->lval += 10;if (this->lval >= 100)this->lval = 100;lbar->setValue(this->lval);qDebug() << "left: " << this->lval;}this->rval -= 10;rbar->setValue(this->rval);qDebug() << "right: " << this->rval;}else if (numDegrees > 0){if (this->lval < 0){this->lval = 0;this->rval += 10;if (this->rval >= 100)this->rval = 100;rbar->setValue(this->rval);qDebug() << "right: " << this->rval;}this->lval -= 10;lbar->setValue(this->lval);qDebug() << "left: " << this->lval;}else { }
}Widget::~Widget()
{delete ui;
}