qt topic 4

QSS-Skin-Builder
(thanks to the open source expert)
This project is better,

Taking into account the character encoding problem when using qt creator and visual studio at the same time.
Study carefully

https://github.com/satchelwu/QSS-Skin-Builder

F:\qt_work\qt5_code_plus_jack\app_example\QSS-Skin-Builder-master
Insert picture description here

Code analysis:

Insert picture description here

The periphery is a QUIWidget qui;
class QUIWidget: public QDialog, there is no corresponding ui file
Insert picture description here

This part is included:
QUICreator *creator = new QUICreator;
class QUICreator: public QMainWindow, there is a corresponding ui file quicreator.ui
Insert picture description here

Insert picture description here
qss_skin_creater_app
Insert picture description here
Insert picture description here
then modify the code of main.cpp

#include "quiwidget.h"
#include <QApplication>

int main(int argc, char *argv[])
{
    
    
    QApplication a(argc, argv);
    QUIWidget qui;
    qui.show();

    return a.exec();
}

Create an other directory, create an empty form directory and an empty
demo directory at the same time: there are files appinit.cpp and appinit.h under the demo directory.
Insert picture description here
Insert picture description here
Insert picture description here
Add a head.h file
Insert picture description here

Add networkInsert picture description here

layout

Insert picture description here
verticalLayout1
widgetMain
verticalLayout2
widgetTitle
horizontalLayout4
labIco
labTitle
widgetMenu
horizontalLayout
btnMenu
btnMenu_Min
btnMenu_Max
btnMenu_Close
widget
verticalLayout3

verticalLayout1:

QSize QUIWidget::sizeHint() const
{
return QSize(600, 450);
}
this->resize(900, 750);

Stage 1

Insert picture description here

Give the current project a new name

F:\qt_work\qt5_code_plus_jack\app_example\qss_skin_app
F:\qt_work\qt5_code_plus_jack\app_example\qss_skinA_app

qss_skinA_app interface

QUICreator is a QMainWindow class, I did not expect QMainWindow can also be included as a child window.
Insert picture description here

Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here

Insert picture description here

Main window area menu

Insert picture description here

Main window

Insert picture description here

11

Insert picture description here

22

Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here

Insert picture description here

Insert picture description here
Insert picture description here

1,

First place 4 buttons
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here

Insert picture description here

Insert picture description here
Insert picture description here

Insert picture description here

Insert picture description here

2,tabWidget

Layout
Insert picture description here
Insert picture description here

3

Insert picture description here

Insert picture description here

Insert picture description here
Insert picture description here
Insert picture description here

4 Device panel

Insert picture description here
Below the form directory:

class frmDevice: public QWidget{ } with ui file

Insert picture description here

Insert picture description here

Insert picture description here
Insert picture description here
Insert picture description here

Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here

Insert picture description here
Insert picture description here

labTemp -------------- labCurrentTemp
labDamp -------------- labCurrentDamp
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here

4

Insert picture description here
Insert picture description here
Insert picture description here

Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here

Insert picture description here
Insert picture description here

Guess you like

Origin blog.csdn.net/wowocpp/article/details/114324643