Qt/QtExamples
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 创建系统自定义样式风格ExCustomStyle

Browse Source 
搭建一个框架，但是继承的类QCommonStyle里面的对应的虚函数还有没有重写，和体验感受win和linux系统自带多种风格样式
This commit is contained in:
touwoyimuli 2019-08-29 23:26:30 +08:00
parent 4342e0091c
commit 03b0948c86
10 changed files with 236 additions and 137 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
QtCustomStyleEx/ExCustomStyle.cpp
View File

@ -1,6 +1,10 @@
#include "ExCustomStyle.h" #include "ExCustomStyle.h"
CUSTOMSTYLE_BEDGIN_NAMESPACE
ExCustomStyle::ExCustomStyle() ExCustomStyle::ExCustomStyle()
{ {
} }
CUSTOMSTYLE_END_NAMESPACE

6
QtCustomStyleEx/ExCustomStyle.h
View File

@ -3,6 +3,10 @@
#include <QCommonStyle> #include <QCommonStyle>
#include "ExDefineGlobal.h"
CUSTOMSTYLE_BEDGIN_NAMESPACE
class ExCustomStyle : public QCommonStyle class ExCustomStyle : public QCommonStyle
{ {
Q_OBJECT Q_OBJECT
@ -11,4 +15,6 @@ public:
ExCustomStyle(); ExCustomStyle();
}; };
CUSTOMSTYLE_END_NAMESPACE
#endif // EXCUSTOMSTYLE_H #endif // EXCUSTOMSTYLE_H

13
QtCustomStyleEx/ExDefineGlobal.h Normal file
View File

@ -0,0 +1,13 @@
#ifndef EXDEFINEGLOBAL_H
#define EXDEFINEGLOBAL_H
//用来定义一些宏的使用: 尝试写大项目的架构
//定义命名空间的宏(在定义 class ExCustomStyle: 的时候用到了 eg: ExCustomStyle.h ExCustomStyle.cpp里面)
#define CUSTOMSTYLE_BEDGIN_NAMESPACE namespace touwoyimuliStyle {
#define CUSTOMSTYLE_END_NAMESPACE }
//定义使用命名空间((在使用 class ExCustomStyle的定义内容时候用到了 eg:Examples.cpp里面))
#define CUSTOMSTYLE_USE_NAMESPACE using namespace touwoyimuliStyle;
#endif // EXDEFINEGLOBAL_H

38
QtCustomStyleEx/Examples.cpp
View File

@ -1,15 +1,53 @@
#include "Examples.h" #include "Examples.h"
#include "ui_Examples.h" #include "ui_Examples.h"
CUSTOMSTYLE_USE_NAMESPACE
Examples::Examples(QWidget *parent) : Examples::Examples(QWidget *parent) :
QWidget(parent), QWidget(parent),
ui(new Ui::Examples) ui(new Ui::Examples)
{ {
ui->setupUi(this); ui->setupUi(this);
setWindowTitle(QObject::tr("创建自定义的CustomStyle风格")); setWindowTitle(QObject::tr("创建自定义的CustomStyle风格"));
init();
} }
Examples::~Examples() Examples::~Examples()
{ {
delete ui; delete ui;
} }
//获取当前系统支持的默认系统风格
void Examples::init()
{
//当前系统支持的系统风格,放入QcomboBox的item里面,且打印出来
QStringList listStyle = QStyleFactory::keys();
foreach(QString val, listStyle) {
ui->comboBox->addItem(val);
qDebug()<<val;
}
//设置一个默认的风格
ui->comboBox->addItem("ExCustomStyle");
qApp->setStyle(QStyleFactory::create("Fusion"));
}
void Examples::on_comboBox_currentIndexChanged(const QString &style)
{
// qDebug()<<"当前选中的风格:"<<style;
//当前选中item项为系统预支持的风格
QStringList listStyle = QStyleFactory::keys();
foreach(QString val, listStyle) {
if (style == val) {
qApp->setStyle(QStyleFactory::create(style));
return;
}
}
//不属于系统风格,则使用自己的风格
ExCustomStyle* customStyle = new ExCustomStyle;
qApp->setStyle(customStyle);
}

8
QtCustomStyleEx/Examples.h
View File

@ -2,6 +2,10 @@
#define EXAMPLES_H #define EXAMPLES_H
#include <QWidget> #include <QWidget>
#include <QStyleFactory>
#include <QDebug>
#include "ExCustomStyle.h"
namespace Ui { namespace Ui {
class Examples; class Examples;
@ -15,6 +19,10 @@ public:
explicit Examples(QWidget *parent = nullptr); explicit Examples(QWidget *parent = nullptr);
~Examples(); ~Examples();
void init(); //获取当前系统支持的默认系统风格
private slots:
void on_comboBox_currentIndexChanged(const QString &style);
private: private:
Ui::Examples *ui; Ui::Examples *ui;
}; };

258
QtCustomStyleEx/Examples.ui
View File

@ -26,141 +26,149 @@
<attribute name="title"> <attribute name="title">
<string>滚动条</string> <string>滚动条</string>
</attribute> </attribute>
<widget class="QScrollBar" name="scrollBarHor"> <widget class="QWidget" name="gridLayoutWidget">
<property name="geometry"> <property name="geometry">
<rect> <rect>
<x>30</x> <x>10</x>
<y>280</y> <y>10</y>
<width>531</width> <width>441</width>
<height>31</height> <height>251</height>
</rect> </rect>
</property> </property>
<property name="orientation"> <layout class="QGridLayout" name="gridLayout_2">
<enum>Qt::Horizontal</enum> <item row="0" column="0">
</property> <widget class="QTableWidget" name="tableWidget">
</widget> <property name="sizePolicy">
<widget class="QScrollBar" name="scrollBarVer"> <sizepolicy hsizetype="Preferred" vsizetype="Expanding">
<property name="geometry"> <horstretch>0</horstretch>
<rect> <verstretch>0</verstretch>
<x>540</x> </sizepolicy>
<y>40</y> </property>
<width>31</width> <property name="maximumSize">
<height>191</height> <size>
</rect> <width>400</width>
</property> <height>200</height>
<property name="orientation"> </size>
<enum>Qt::Vertical</enum> </property>
</property> <row>
</widget> <property name="text">
<widget class="QTableWidget" name="tableWidget"> <string>a</string>
<property name="geometry"> </property>
<rect> </row>
<x>40</x> <row>
<y>60</y> <property name="text">
<width>431</width> <string>b</string>
<height>161</height> </property>
</rect> </row>
</property> <row>
<row> <property name="text">
<property name="text"> <string>c</string>
<string>a</string> </property>
</property> </row>
</row> <row>
<row> <property name="text">
<property name="text"> <string>d</string>
<string>b</string> </property>
</property> </row>
</row> <row>
<row> <property name="text">
<property name="text"> <string>e</string>
<string>c</string> </property>
</property> </row>
</row> <row>
<row> <property name="text">
<property name="text"> <string>f</string>
<string>d</string> </property>
</property> </row>
</row> <column>
<row> <property name="text">
<property name="text"> <string>1</string>
<string>e</string> </property>
</property> </column>
</row> <column>
<row> <property name="text">
<property name="text"> <string>2</string>
<string>f</string> </property>
</property> </column>
</row> <column>
<column> <property name="text">
<property name="text"> <string>3</string>
<string>1</string> </property>
</property> </column>
</column> <column>
<column> <property name="text">
<property name="text"> <string>4</string>
<string>2</string> </property>
</property> </column>
</column> <column>
<column> <property name="text">
<property name="text"> <string>5</string>
<string>3</string> </property>
</property> </column>
</column> <column>
<column> <property name="text">
<property name="text"> <string>6</string>
<string>4</string> </property>
</property> </column>
</column> </widget>
<column> </item>
<property name="text"> <item row="0" column="1">
<string>5</string> <spacer name="horizontalSpacer">
</property> <property name="orientation">
</column> <enum>Qt::Horizontal</enum>
<column> </property>
<property name="text"> <property name="sizeType">
<string>6</string> <enum>QSizePolicy::Fixed</enum>
</property> </property>
</column> <property name="sizeHint" stdset="0">
<size>
<width>20</width>
<height>20</height>
</size>
</property>
</spacer>
</item>
<item row="1" column="0">
<spacer name="verticalSpacer">
<property name="orientation">
<enum>Qt::Vertical</enum>
</property>
<property name="sizeType">
<enum>QSizePolicy::Fixed</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
<width>20</width>
<height>20</height>
</size>
</property>
</spacer>
</item>
<item row="2" column="0" colspan="2">
<widget class="QScrollBar" name="scrollBarHor">
<property name="orientation">
<enum>Qt::Horizontal</enum>
</property>
</widget>
</item>
<item row="0" column="2" rowspan="2">
<widget class="QScrollBar" name="scrollBarVer">
<property name="orientation">
<enum>Qt::Vertical</enum>
</property>
</widget>
</item>
</layout>
</widget> </widget>
<widget class="QComboBox" name="comboBox"> <widget class="QComboBox" name="comboBox">
<property name="geometry"> <property name="geometry">
<rect> <rect>
<x>650</x> <x>470</x>
<y>40</y> <y>10</y>
<width>131</width> <width>135</width>
<height>22</height> <height>31</height>
</rect> </rect>
</property> </property>
<item>
<property name="text">
<string>Windows</string>
</property>
</item>
<item>
<property name="text">
<string>New Item</string>
</property>
</item>
<item>
<property name="text">
<string>WindowsXP</string>
</property>
</item>
<item>
<property name="text">
<string>WindowsVista</string>
</property>
</item>
<item>
<property name="text">
<string>Fusion</string>
</property>
</item>
<item>
<property name="text">
<string>ExCustomStyle</string>
</property>
</item>
</widget> </widget>
</widget> </widget>
<widget class="QWidget" name="tab_2"> <widget class="QWidget" name="tab_2">

5
QtCustomStyleEx/QtCustomStyleEx.pro
View File

@ -31,12 +31,13 @@ SOURCES += \
HEADERS += \ HEADERS += \
Examples.h \ Examples.h \
ExCustomStyle.h ExCustomStyle.h \
ExDefineGlobal.h
FORMS += \ FORMS += \
Examples.ui Examples.ui
RC_ICONS += QT_win_32x32.ico RC_ICONS += qt.ico
# Default rules for deployment. # Default rules for deployment.
qnx: target.path = /tmp/$${TARGET}/bin qnx: target.path = /tmp/$${TARGET}/bin

2
QtCustomStyleEx/main.cpp
View File

@ -9,7 +9,7 @@ int main(int argc, char *argv[])
{ {
QApplication a(argc, argv); QApplication a(argc, argv);
//使用系统或者自定义的风格 // //使用系统或者自定义的风格
// QStringList listStyle = QStyleFactory::keys(); // QStringList listStyle = QStyleFactory::keys();
// foreach(QString val, listStyle) // foreach(QString val, listStyle)
// qDebug()<<val<<" "; // qDebug()<<val<<" ";

0
QtCustomStyleEx/QT_win_32x32.ico → QtCustomStyleEx/qt.ico
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

35
README.md
View File

@ -39,15 +39,31 @@
- `Qt Creator` **IDE**的界面组成和使用讲解 - `Qt Creator` **IDE**的界面组成和使用讲解
- 编写一个**qt**的第一个项目： `Hello World`的项目 - 编写一个**qt**的第一个项目： `Hello World`的项目
## 第二部分：qt生成原理/运行机制 ## 第二部分：qt生成原理/运行机制
- [`make` `makefile` `cmake` `qmake`都是什么，有什么区别？](https://blog.csdn.net/qq_33154343/article/details/98170236) - [`make` `makefile` `cmake` `qmake`都是什么，有什么区别？](https://blog.csdn.net/qq_33154343/article/details/98170236)
## 第三部分：常用控件 ## 第三部分：常用控件
- 一个默认的`Qt Widget`项目 【空】
- 元对象系统`moc`(**Meat-Object System**)的对象`MetaObject`和(含动态)属性`Propert`的用法【QtMeatObjectEx】
- 初识`QString`函数，用`QString`显示2/8/10/16进制互相转化 【QtQStringEx】
- `QString`常用的功能函数的介绍和用法 【QtQStringFunEx】
- `QSlider`的介绍和用法【QtQSliderEx】
- `QSlider`移动条、`QScrollBar`滚动条、`QProgressBar`进度条控件的联动【QtQProgressBarEx】
- `QSlider`仪表盘的用法【QtQdialQLCDEx】
- 时间日期(`QTime`/`QDate`/`QDateTime`)和定时器(`QTimer`)的介绍和使用 【QtDateTimeEx】
- `QComboBox`(下拉列表框)和`QPlainTextEdit`(多行富文本编辑器)的用法 【QtQcomboBoxEx】
<br>
## 第四部分：自定义风格样式QStyle
- 自定义`QStyle`界面所有控件的风格，换肤效果的教程，自定义继承`QCommonStyle`的风格类【QtCustomStyleEx】
- 预备知识：`QStyle`、`QCommonStyle`d等讲解
- [更换`Qt`应用程序的界面`UI`，实现换肤，改用自带其他默认`QStyle`风格样式](https://mp.csdn.net/mdeditor/100148539#)
<br>
## 补充部分：补充较杂的知识点 ## 补充部分：补充较杂的知识点
@ -60,17 +76,22 @@
- [qt中文乱码问题](https://blog.csdn.net/qq_33154343/article/details/78686103) - [qt中文乱码问题](https://blog.csdn.net/qq_33154343/article/details/78686103)
- [借Qt中文乱码谈谈Coding中的编码问题](https://blog.csdn.net/qq_33154343/article/details/78686075) - [借Qt中文乱码谈谈Coding中的编码问题](https://blog.csdn.net/qq_33154343/article/details/78686075)
<br>
- [Qt5与Qt4的信号接收差异](https://blog.csdn.net/qq_33154343/article/details/79130732) - [Qt5与Qt4的信号接收差异](https://blog.csdn.net/qq_33154343/article/details/79130732)
- `qt`的信号和槽关系 - `qt`的信号和槽关系
- `qt`中Lam表达式 - `qt`中Lam表达式
###
<br> <br>
## Qt推倒重学系列--总目录:
[github.io](https://touwoyimuli.github.io/)版本的**总目录**：
## 编译 ## 编译
倘若自己的个人版本，不同于作者，且又编译运行屡次失败，**靠谱方法**：请重装系统之后，安装与我的同一版本，发开编程环境[qt-opensource-windows-x86-5.9.8.exe](http://download.qt.io/archive/qt/5.9/5.9.8/qt-opensource-windows-x86-5.9.8.exe)。 请使用下载**这一版本**5.9.8的`QtCreator`编译运行项目，可以保证运行成功 （使用Desktop Qt 5.9.8 MinGW 32 bit 直接编译运行） 倘若自己的个人版本，不同于作者，且又编译运行屡次失败，**靠谱方法**：请重装系统之后，安装与我的同一版本，发开编程环境[qt-opensource-windows-x86-5.9.8.exe](http://download.qt.io/archive/qt/5.9/5.9.8/qt-opensource-windows-x86-5.9.8.exe)。 请使用下载**这一版本**5.9.8的`QtCreator`编译运行项目，可以保证运行成功 （使用Desktop Qt 5.9.8 MinGW 32 bit 直接编译运行）
@ -78,8 +99,8 @@
<br> <br>
## 互助 ## 互助
若是帮助到了你，可以点击该项目的的<img src="https://raw.githubusercontent.com/touwoyimuli/FigureBed/master/project_log/20190709023321.png" height="18" width="18"/> **Star** 和<img src="https://raw.githubusercontent.com/touwoyimuli/FigureBed/master/project_log/20190709023317.png" height="18" width="18"/> **Fork** 的两个图标，方便抬手之间，表示点个赞，手有余香
若是帮助到了你，可以点击该项目的的<img src="https://raw.githubusercontent.com/touwoyimuli/FigureBed/master/project_log/20190709023321.png" height="18" width="18"/> **Star** 和<img src="https://raw.githubusercontent.com/touwoyimuli/FigureBed/master/project_log/20190709023317.png" height="18" width="18"/> **Fork** 的两个图标，方便抬手之间，表示点个赞，手有余香
<br> <br>