网络服务机构的网站,拆分盘网站建设,成立网站的意义,怎样创建一个网址主窗体
部件构成
菜单栏、工具栏、主窗体、状态栏。
UI 编辑器设计主窗体 #x1f4a1; 简易记事本的实现#xff08;part 1#xff09; 菜单栏 工具栏#xff08;图标#xff09; 主窗体 完善菜单栏#xff1a;
mainwindow.cpp
#include mainwindow.h…主窗体
部件构成
菜单栏、工具栏、主窗体、状态栏。
UI 编辑器设计主窗体 简易记事本的实现part 1 菜单栏 工具栏图标 主窗体 完善菜单栏
mainwindow.cpp
#include mainwindow.h
#include ui_mainwindow.hMainWindow::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 QIODeviceQT 对输入输出设备的抽象提供了操作设备的一系列接口。
接口
QFile(const QString name); // 使用文件名构造一个 QFile 对象文件名可以包含路径和文件名void setFileName(const QString name); // 如果构造没指定也可以通过这个接口指定一下
bool exists(); // 判断文件是否存在
bool open(OpenMode mode); // 继承自 QIODeviceOpenMode 取值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 QtWidgetsnamespace 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_Hmainwindow.cpp
#include mainwindow.h
#include ui_mainwindow.hMainWindow::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 QLineEditclass 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 QDebugWidget::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.hWidget::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 QtWidgetsclass MyTextEdit : public QTextEdit // .cpp, Line 25
{Q_OBJECT
public:explicit MyTextEdit(QWidget *parent 0);signals:public slots:protected:void keyPressEvent(QKeyEvent * event);};#endif // MYTEXTEDIT_Hmytextedit.cpp
#include mytextedit.hMyTextEdit::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。相关事件类QWheelEventwidget.h
#ifndef WIDGET_H
#define WIDGET_H#include QtWidgetsnamespace 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_Hwidget.cpp
#include widget.h
#include ui_widget.hWidget::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;
}
