为啥要写一个模版了，原因就是有到多需要用到了，哈哈哈哈。
是这样滴，一套模拟器上面会有N多个设备，这些设备相互联合又相互独立工作。我呢，需要给每个设备多写一个配置工具，最后需要把这些工具整理成一套系统的配置工具。所以，每个配置工具除了内容不同，界面风格应该相同的，就有这个模版了。
万恶的CSDN穿图片的大小还是不可以太大，只能贴截图了。
第一个是系统的启动动画，这个有点大 ，没法预览，制作方式
1. 网上找好看的AE特效模版
2. 把自己的内容替换上去
3. 导出视屏
4. 用PR转成GIF
这样就可了
至于真么加载这个动画，看代码
#include "mainwindow.h" #include <QApplication> #include <QSplashScreen> #include <QPixmap> #include <QLabel> #include <QMovie> #include <QThread> int main(int argc, char *argv[]) { QApplication a(argc, argv); QPixmap pixmap("./images/login.gif"); QSplashScreen splash(pixmap); QMovie *movie = new QMovie("./images/login.gif"); QLabel *label = new QLabel(&splash); label->setMovie(movie); movie->start(); splash.show(); for(int i = 0;i<11000;i+=movie->speed()) { QCoreApplication::processEvents(); QThread::usleep(500*movie->speed()); } a.setStyleSheet("QLineEdit {border-radius: 4px;height: 25px;border: 1px solid rgb(100, 100, 100);background: rgb(72, 72, 73);}" "QLineEdit:enabled {color: rgb(175, 175, 175);}" "QLineEdit:enabled:hover, QLineEdit:enabled:focus {color: rgb(230, 230, 230);}" "QLineEdit:!enabled {color: rgb(155, 155, 155);}" "QPushButton{border-radius: 4px;border: none;width: 75px;height: 25px;}" "QPushButton:enabled {background: rgb(68, 69, 73);color: white;}" "QPushButton:!enabled {background: rgb(100, 100, 100);color: rgb(200, 200, 200);}" "QPushButton:enabled:hover{background: rgb(85, 85, 85);}" "QPushButton:enabled:pressed{background: rgb(80, 80, 80);}" //关闭按钮样式 "QPushButton#pushButton_close{border-radius: 0px;background: rgb(0,0,0,0,);border-image:url(./images/close_n.png);}" "QPushButton::hover#pushButton_close{border-image:url(./images/close_p.png);}" "QPushButton::pressed #pushButton_close{border-image:url(./images/close_n.png);}" //最小化按钮样式 "QPushButton#pushButton_min{border-radius: 0px;background: rgb(0,0,0,0,);border-image:url(./images/min_n.png);}" "QPushButton::hover#pushButton_min{border-image:url(./images/min_p.png);}" "QPushButton::pressed #pushButton_min{border-image:url(./images/min_n.png);}" //关于按钮样式 "QPushButton#pushButton_about{border-radius: 0px;background: rgb(0,0,0,0,);border-image:url(./images/about_n.png);}" "QPushButton::hover#pushButton_about{border-image:url(./images/about_p.png);}" "QPushButton::pressed #pushButton_about{border-image:url(./images/about_n.png);}" "QLabel {color: rgb(175, 175, 175);}" ); MainWindow w; w.show(); splash.finish(&w); return a.exec(); }
中间有部分是样式表，自动忽略就好
上面的这个图画就是我的基本模版了，
做了一下工作
1. 隐藏了原有的标题栏
2. 左上角增加了图标和标题
3. 右上角增加了关于、最小化和关闭按钮
4. 限制了鼠标点击点击区域
上下的看代码
#include "mainwindow.h" #include "ui_mainwindow.h" #include <QNetworkDatagram> #include <QMessageBox> #include <windows.h> #include <QDebug> /* * 设定标题栏宽度 * 后面鼠标事件会用到 */ const int TITLE_HEIGHT = 30; /* * 构造函数 */ MainWindow::MainWindow(QWidget *parent) : QWidget(parent), ui(new Ui::MainWindow) { ui->setupUi(this); this->setWindowFlag(Qt::FramelessWindowHint); this->setWindowIcon(QIcon("./images/logo.ico")); ui->pushButton_about->setToolTip("关于我们"); ui->pushButton_close->setToolTip("关闭"); ui->pushButton_min->setToolTip("最小化"); ui->label_ICON->setStyleSheet("QLabel{border-image:url(./images/logo.ico);}"); ui->label_title->setStyleSheet("QLabel{color: rgb(255, 255, 255);border:0px;}"); ui->label_title->setText("M1J1DNT701"); } /* * 析构函数 */ MainWindow::~MainWindow() { delete ui; } /* * 绘制背景 */ void MainWindow::paintEvent(QPaintEvent *event) { Q_UNUSED(event); QPainter painter_back(this); painter_back.drawPixmap(0,0,this->width(),this->height(),QPixmap("./images/mainback.png")); } //存放当前鼠标位置函数 static QPoint last(0,0); /* * 鼠标按下函数 */ void MainWindow::mousePressEvent(QMouseEvent *event) { if(event->y()< TITLE_HEIGHT) { last = event->globalPos(); } } /* * 鼠标移动函数 */ void MainWindow::mouseMoveEvent(QMouseEvent *event) { if(event->y() < TITLE_HEIGHT) { int dx = event->globalX() - last.x(); int dy = event->globalY() - last.y(); last = event->globalPos(); this->move(x()+dx,y()+dy); } } /* * 鼠标释放函数 */ void MainWindow::mouseReleaseEvent(QMouseEvent *event) { if(event->y() < TITLE_HEIGHT) { int dx = event->globalX() - last.x(); int dy = event->globalY() - last.y(); this->move(x()+dx,y()+dy); } } /* * 关闭按钮槽函数 */ void MainWindow::on_pushButton_close_clicked() { this->close(); }
好了，暂时就这些
