├── README.md
├── main.py
├── main.ui
├── splash_screen.ui
├── ui_main.py
└── ui_splash_screen.py


/README.md:
--------------------------------------------------------------------------------
1 | # Splash Screen Python PySide2/PyQt5 - MODERN GUI
2 | ![Capa](https://user-images.githubusercontent.com/60605512/89593731-479c3d80-d826-11ea-8788-905a9b09f4ae.png)
3 | 


--------------------------------------------------------------------------------
/main.py:
--------------------------------------------------------------------------------
  1 | ################################################################################
  2 | ##
  3 | ## BY: WANDERSON M.PIMENTA
  4 | ## PROJECT MADE WITH: Qt Designer and PySide2
  5 | ## V: 1.0.0
  6 | ##
  7 | ################################################################################
  8 | 
  9 | import sys
 10 | import platform
 11 | from PySide2 import QtCore, QtGui, QtWidgets
 12 | from PySide2.QtCore import (QCoreApplication, QPropertyAnimation, QDate, QDateTime, QMetaObject, QObject, QPoint, QRect, QSize, QTime, QUrl, Qt, QEvent)
 13 | from PySide2.QtGui import (QBrush, QColor, QConicalGradient, QCursor, QFont, QFontDatabase, QIcon, QKeySequence, QLinearGradient, QPalette, QPainter, QPixmap, QRadialGradient)
 14 | from PySide2.QtWidgets import *
 15 | 
 16 | ## ==> SPLASH SCREEN
 17 | from ui_splash_screen import Ui_SplashScreen
 18 | 
 19 | ## ==> MAIN WINDOW
 20 | from ui_main import Ui_MainWindow
 21 | 
 22 | ## ==> GLOBALS
 23 | counter = 0
 24 | 
 25 | # YOUR APPLICATION
 26 | class MainWindow(QMainWindow):
 27 |     def __init__(self):
 28 |         QMainWindow.__init__(self)
 29 |         self.ui = Ui_MainWindow()
 30 |         self.ui.setupUi(self)
 31 | 
 32 |         # MAIN WINDOW LABEL
 33 |         QtCore.QTimer.singleShot(1500, lambda: self.ui.label.setText("<strong>THANKS</strong> FOR WATCHING"))
 34 |         QtCore.QTimer.singleShot(1500, lambda: self.setStyleSheet("background-color: #222; color: #FFF"))
 35 | 
 36 | 
 37 | # SPLASH SCREEN
 38 | class SplashScreen(QMainWindow):
 39 |     def __init__(self):
 40 |         QMainWindow.__init__(self)
 41 |         self.ui = Ui_SplashScreen()
 42 |         self.ui.setupUi(self)
 43 | 
 44 |         ## UI ==> INTERFACE CODES
 45 |         ########################################################################
 46 | 
 47 |         ## REMOVE TITLE BAR
 48 |         self.setWindowFlag(QtCore.Qt.FramelessWindowHint)
 49 |         self.setAttribute(QtCore.Qt.WA_TranslucentBackground)
 50 | 
 51 | 
 52 |         ## DROP SHADOW EFFECT
 53 |         self.shadow = QGraphicsDropShadowEffect(self)
 54 |         self.shadow.setBlurRadius(20)
 55 |         self.shadow.setXOffset(0)
 56 |         self.shadow.setYOffset(0)
 57 |         self.shadow.setColor(QColor(0, 0, 0, 60))
 58 |         self.ui.dropShadowFrame.setGraphicsEffect(self.shadow)
 59 | 
 60 |         ## QTIMER ==> START
 61 |         self.timer = QtCore.QTimer()
 62 |         self.timer.timeout.connect(self.progress)
 63 |         # TIMER IN MILLISECONDS
 64 |         self.timer.start(35)
 65 | 
 66 |         # CHANGE DESCRIPTION
 67 | 
 68 |         # Initial Text
 69 |         self.ui.label_description.setText("<strong>WELCOME</strong> TO MY APPLICATION")
 70 | 
 71 |         # Change Texts
 72 |         QtCore.QTimer.singleShot(1500, lambda: self.ui.label_description.setText("<strong>LOADING</strong> DATABASE"))
 73 |         QtCore.QTimer.singleShot(3000, lambda: self.ui.label_description.setText("<strong>LOADING</strong> USER INTERFACE"))
 74 | 
 75 | 
 76 |         ## SHOW ==> MAIN WINDOW
 77 |         ########################################################################
 78 |         self.show()
 79 |         ## ==> END ##
 80 | 
 81 |     ## ==> APP FUNCTIONS
 82 |     ########################################################################
 83 |     def progress(self):
 84 | 
 85 |         global counter
 86 | 
 87 |         # SET VALUE TO PROGRESS BAR
 88 |         self.ui.progressBar.setValue(counter)
 89 | 
 90 |         # CLOSE SPLASH SCREE AND OPEN APP
 91 |         if counter > 100:
 92 |             # STOP TIMER
 93 |             self.timer.stop()
 94 | 
 95 |             # SHOW MAIN WINDOW
 96 |             self.main = MainWindow()
 97 |             self.main.show()
 98 | 
 99 |             # CLOSE SPLASH SCREEN
100 |             self.close()
101 | 
102 |         # INCREASE COUNTER
103 |         counter += 1
104 | 
105 | 
106 | 
107 | 
108 | if __name__ == "__main__":
109 |     app = QApplication(sys.argv)
110 |     window = SplashScreen()
111 |     sys.exit(app.exec_())
112 | 


--------------------------------------------------------------------------------
/main.ui:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <ui version="4.0">
 3 |  <class>MainWindow</class>
 4 |  <widget class="QMainWindow" name="MainWindow">
 5 |   <property name="geometry">
 6 |    <rect>
 7 |     <x>0</x>
 8 |     <y>0</y>
 9 |     <width>640</width>
10 |     <height>480</height>
11 |    </rect>
12 |   </property>
13 |   <property name="windowTitle">
14 |    <string>MainWindow</string>
15 |   </property>
16 |   <widget class="QWidget" name="centralwidget">
17 |    <layout class="QVBoxLayout" name="verticalLayout">
18 |     <item>
19 |      <widget class="QLabel" name="label">
20 |       <property name="font">
21 |        <font>
22 |         <family>Roboto Thin</family>
23 |         <pointsize>25</pointsize>
24 |        </font>
25 |       </property>
26 |       <property name="text">
27 |        <string>MY APP - ADD HERE YOUR WIDGETS</string>
28 |       </property>
29 |       <property name="alignment">
30 |        <set>Qt::AlignCenter</set>
31 |       </property>
32 |      </widget>
33 |     </item>
34 |    </layout>
35 |   </widget>
36 |   <widget class="QMenuBar" name="menubar">
37 |    <property name="geometry">
38 |     <rect>
39 |      <x>0</x>
40 |      <y>0</y>
41 |      <width>640</width>
42 |      <height>21</height>
43 |     </rect>
44 |    </property>
45 |   </widget>
46 |   <widget class="QStatusBar" name="statusbar"/>
47 |  </widget>
48 |  <resources/>
49 |  <connections/>
50 | </ui>
51 | 


--------------------------------------------------------------------------------
/splash_screen.ui:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8"?>
  2 | <ui version="4.0">
  3 |  <class>SplashScreen</class>
  4 |  <widget class="QMainWindow" name="SplashScreen">
  5 |   <property name="geometry">
  6 |    <rect>
  7 |     <x>0</x>
  8 |     <y>0</y>
  9 |     <width>680</width>
 10 |     <height>400</height>
 11 |    </rect>
 12 |   </property>
 13 |   <property name="windowTitle">
 14 |    <string>MainWindow</string>
 15 |   </property>
 16 |   <widget class="QWidget" name="centralwidget">
 17 |    <layout class="QVBoxLayout" name="verticalLayout">
 18 |     <property name="spacing">
 19 |      <number>0</number>
 20 |     </property>
 21 |     <property name="leftMargin">
 22 |      <number>10</number>
 23 |     </property>
 24 |     <property name="topMargin">
 25 |      <number>10</number>
 26 |     </property>
 27 |     <property name="rightMargin">
 28 |      <number>10</number>
 29 |     </property>
 30 |     <property name="bottomMargin">
 31 |      <number>10</number>
 32 |     </property>
 33 |     <item>
 34 |      <widget class="QFrame" name="dropShadowFrame">
 35 |       <property name="styleSheet">
 36 |        <string notr="true">QFrame {	
 37 | 	background-color: rgb(56, 58, 89);	
 38 | 	color: rgb(220, 220, 220);
 39 | 	border-radius: 10px;
 40 | }</string>
 41 |       </property>
 42 |       <property name="frameShape">
 43 |        <enum>QFrame::StyledPanel</enum>
 44 |       </property>
 45 |       <property name="frameShadow">
 46 |        <enum>QFrame::Raised</enum>
 47 |       </property>
 48 |       <widget class="QLabel" name="label_title">
 49 |        <property name="geometry">
 50 |         <rect>
 51 |          <x>0</x>
 52 |          <y>90</y>
 53 |          <width>661</width>
 54 |          <height>61</height>
 55 |         </rect>
 56 |        </property>
 57 |        <property name="font">
 58 |         <font>
 59 |          <family>Segoe UI</family>
 60 |          <pointsize>40</pointsize>
 61 |         </font>
 62 |        </property>
 63 |        <property name="styleSheet">
 64 |         <string notr="true">color: rgb(254, 121, 199);</string>
 65 |        </property>
 66 |        <property name="text">
 67 |         <string>&lt;strong&gt;YOUR&lt;/strong&gt; APP NAME</string>
 68 |        </property>
 69 |        <property name="alignment">
 70 |         <set>Qt::AlignCenter</set>
 71 |        </property>
 72 |       </widget>
 73 |       <widget class="QLabel" name="label_description">
 74 |        <property name="geometry">
 75 |         <rect>
 76 |          <x>0</x>
 77 |          <y>150</y>
 78 |          <width>661</width>
 79 |          <height>31</height>
 80 |         </rect>
 81 |        </property>
 82 |        <property name="font">
 83 |         <font>
 84 |          <family>Segoe UI</family>
 85 |          <pointsize>14</pointsize>
 86 |         </font>
 87 |        </property>
 88 |        <property name="styleSheet">
 89 |         <string notr="true">color: rgb(98, 114, 164);</string>
 90 |        </property>
 91 |        <property name="text">
 92 |         <string>&lt;strong&gt;APP&lt;/strong&gt; DESCRIPTION</string>
 93 |        </property>
 94 |        <property name="alignment">
 95 |         <set>Qt::AlignCenter</set>
 96 |        </property>
 97 |       </widget>
 98 |       <widget class="QProgressBar" name="progressBar">
 99 |        <property name="geometry">
100 |         <rect>
101 |          <x>50</x>
102 |          <y>280</y>
103 |          <width>561</width>
104 |          <height>23</height>
105 |         </rect>
106 |        </property>
107 |        <property name="styleSheet">
108 |         <string notr="true">QProgressBar {
109 | 	
110 | 	background-color: rgb(98, 114, 164);
111 | 	color: rgb(200, 200, 200);
112 | 	border-style: none;
113 | 	border-radius: 10px;
114 | 	text-align: center;
115 | }
116 | QProgressBar::chunk{
117 | 	border-radius: 10px;
118 | 	background-color: qlineargradient(spread:pad, x1:0, y1:0.511364, x2:1, y2:0.523, stop:0 rgba(254, 121, 199, 255), stop:1 rgba(170, 85, 255, 255));
119 | }</string>
120 |        </property>
121 |        <property name="value">
122 |         <number>24</number>
123 |        </property>
124 |       </widget>
125 |       <widget class="QLabel" name="label_loading">
126 |        <property name="geometry">
127 |         <rect>
128 |          <x>0</x>
129 |          <y>320</y>
130 |          <width>661</width>
131 |          <height>21</height>
132 |         </rect>
133 |        </property>
134 |        <property name="font">
135 |         <font>
136 |          <family>Segoe UI</family>
137 |          <pointsize>12</pointsize>
138 |         </font>
139 |        </property>
140 |        <property name="styleSheet">
141 |         <string notr="true">color: rgb(98, 114, 164);</string>
142 |        </property>
143 |        <property name="text">
144 |         <string>loading...</string>
145 |        </property>
146 |        <property name="alignment">
147 |         <set>Qt::AlignCenter</set>
148 |        </property>
149 |       </widget>
150 |       <widget class="QLabel" name="label_credits">
151 |        <property name="geometry">
152 |         <rect>
153 |          <x>20</x>
154 |          <y>350</y>
155 |          <width>621</width>
156 |          <height>21</height>
157 |         </rect>
158 |        </property>
159 |        <property name="font">
160 |         <font>
161 |          <family>Segoe UI</family>
162 |          <pointsize>10</pointsize>
163 |         </font>
164 |        </property>
165 |        <property name="styleSheet">
166 |         <string notr="true">color: rgb(98, 114, 164);</string>
167 |        </property>
168 |        <property name="text">
169 |         <string>&lt;strong&gt;Created&lt;/strong&gt;: Wanderson M. Pimenta</string>
170 |        </property>
171 |        <property name="alignment">
172 |         <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
173 |        </property>
174 |       </widget>
175 |      </widget>
176 |     </item>
177 |    </layout>
178 |   </widget>
179 |  </widget>
180 |  <resources/>
181 |  <connections/>
182 | </ui>
183 | 


--------------------------------------------------------------------------------
/ui_main.py:
--------------------------------------------------------------------------------
 1 | # -*- coding: utf-8 -*-
 2 | 
 3 | ################################################################################
 4 | ## Form generated from reading UI file 'mainzhbIGI.ui'
 5 | ##
 6 | ## Created by: Qt User Interface Compiler version 5.14.1
 7 | ##
 8 | ## WARNING! All changes made in this file will be lost when recompiling UI file!
 9 | ################################################################################
10 | 
11 | from PySide2.QtCore import (QCoreApplication, QMetaObject, QObject, QPoint,
12 |     QRect, QSize, QUrl, Qt)
13 | from PySide2.QtGui import (QBrush, QColor, QConicalGradient, QCursor, QFont,
14 |     QFontDatabase, QIcon, QLinearGradient, QPalette, QPainter, QPixmap,
15 |     QRadialGradient)
16 | from PySide2.QtWidgets import *
17 | 
18 | 
19 | class Ui_MainWindow(object):
20 |     def setupUi(self, MainWindow):
21 |         if MainWindow.objectName():
22 |             MainWindow.setObjectName(u"MainWindow")
23 |         MainWindow.resize(640, 480)
24 |         self.centralwidget = QWidget(MainWindow)
25 |         self.centralwidget.setObjectName(u"centralwidget")
26 |         self.verticalLayout = QVBoxLayout(self.centralwidget)
27 |         self.verticalLayout.setObjectName(u"verticalLayout")
28 |         self.label = QLabel(self.centralwidget)
29 |         self.label.setObjectName(u"label")
30 |         font = QFont()
31 |         font.setFamily(u"Roboto Thin")
32 |         font.setPointSize(25)
33 |         self.label.setFont(font)
34 |         self.label.setAlignment(Qt.AlignCenter)
35 | 
36 |         self.verticalLayout.addWidget(self.label)
37 | 
38 |         MainWindow.setCentralWidget(self.centralwidget)
39 |         self.menubar = QMenuBar(MainWindow)
40 |         self.menubar.setObjectName(u"menubar")
41 |         self.menubar.setGeometry(QRect(0, 0, 640, 21))
42 |         MainWindow.setMenuBar(self.menubar)
43 |         self.statusbar = QStatusBar(MainWindow)
44 |         self.statusbar.setObjectName(u"statusbar")
45 |         MainWindow.setStatusBar(self.statusbar)
46 | 
47 |         self.retranslateUi(MainWindow)
48 | 
49 |         QMetaObject.connectSlotsByName(MainWindow)
50 |     # setupUi
51 | 
52 |     def retranslateUi(self, MainWindow):
53 |         MainWindow.setWindowTitle(QCoreApplication.translate("MainWindow", u"MainWindow", None))
54 |         self.label.setText(QCoreApplication.translate("MainWindow", u"MY APP - ADD HERE YOUR WIDGETS", None))
55 |     # retranslateUi
56 | 
57 | 


--------------------------------------------------------------------------------
/ui_splash_screen.py:
--------------------------------------------------------------------------------
  1 | # -*- coding: utf-8 -*-
  2 | 
  3 | ################################################################################
  4 | ## Form generated from reading UI file 'splash_screenXBSmkq.ui'
  5 | ##
  6 | ## Created by: Qt User Interface Compiler version 5.14.1
  7 | ##
  8 | ## WARNING! All changes made in this file will be lost when recompiling UI file!
  9 | ################################################################################
 10 | 
 11 | from PySide2.QtCore import (QCoreApplication, QMetaObject, QObject, QPoint,
 12 |     QRect, QSize, QUrl, Qt)
 13 | from PySide2.QtGui import (QBrush, QColor, QConicalGradient, QCursor, QFont,
 14 |     QFontDatabase, QIcon, QLinearGradient, QPalette, QPainter, QPixmap,
 15 |     QRadialGradient)
 16 | from PySide2.QtWidgets import *
 17 | 
 18 | 
 19 | class Ui_SplashScreen(object):
 20 |     def setupUi(self, SplashScreen):
 21 |         if SplashScreen.objectName():
 22 |             SplashScreen.setObjectName(u"SplashScreen")
 23 |         SplashScreen.resize(680, 400)
 24 |         self.centralwidget = QWidget(SplashScreen)
 25 |         self.centralwidget.setObjectName(u"centralwidget")
 26 |         self.verticalLayout = QVBoxLayout(self.centralwidget)
 27 |         self.verticalLayout.setSpacing(0)
 28 |         self.verticalLayout.setObjectName(u"verticalLayout")
 29 |         self.verticalLayout.setContentsMargins(10, 10, 10, 10)
 30 |         self.dropShadowFrame = QFrame(self.centralwidget)
 31 |         self.dropShadowFrame.setObjectName(u"dropShadowFrame")
 32 |         self.dropShadowFrame.setStyleSheet(u"QFrame {	\n"
 33 | "	background-color: rgb(56, 58, 89);	\n"
 34 | "	color: rgb(220, 220, 220);\n"
 35 | "	border-radius: 10px;\n"
 36 | "}")
 37 |         self.dropShadowFrame.setFrameShape(QFrame.StyledPanel)
 38 |         self.dropShadowFrame.setFrameShadow(QFrame.Raised)
 39 |         self.label_title = QLabel(self.dropShadowFrame)
 40 |         self.label_title.setObjectName(u"label_title")
 41 |         self.label_title.setGeometry(QRect(0, 90, 661, 61))
 42 |         font = QFont()
 43 |         font.setFamily(u"Segoe UI")
 44 |         font.setPointSize(40)
 45 |         self.label_title.setFont(font)
 46 |         self.label_title.setStyleSheet(u"color: rgb(254, 121, 199);")
 47 |         self.label_title.setAlignment(Qt.AlignCenter)
 48 |         self.label_description = QLabel(self.dropShadowFrame)
 49 |         self.label_description.setObjectName(u"label_description")
 50 |         self.label_description.setGeometry(QRect(0, 150, 661, 31))
 51 |         font1 = QFont()
 52 |         font1.setFamily(u"Segoe UI")
 53 |         font1.setPointSize(14)
 54 |         self.label_description.setFont(font1)
 55 |         self.label_description.setStyleSheet(u"color: rgb(98, 114, 164);")
 56 |         self.label_description.setAlignment(Qt.AlignCenter)
 57 |         self.progressBar = QProgressBar(self.dropShadowFrame)
 58 |         self.progressBar.setObjectName(u"progressBar")
 59 |         self.progressBar.setGeometry(QRect(50, 280, 561, 23))
 60 |         self.progressBar.setStyleSheet(u"QProgressBar {\n"
 61 | "	\n"
 62 | "	background-color: rgb(98, 114, 164);\n"
 63 | "	color: rgb(200, 200, 200);\n"
 64 | "	border-style: none;\n"
 65 | "	border-radius: 10px;\n"
 66 | "	text-align: center;\n"
 67 | "}\n"
 68 | "QProgressBar::chunk{\n"
 69 | "	border-radius: 10px;\n"
 70 | "	background-color: qlineargradient(spread:pad, x1:0, y1:0.511364, x2:1, y2:0.523, stop:0 rgba(254, 121, 199, 255), stop:1 rgba(170, 85, 255, 255));\n"
 71 | "}")
 72 |         self.progressBar.setValue(24)
 73 |         self.label_loading = QLabel(self.dropShadowFrame)
 74 |         self.label_loading.setObjectName(u"label_loading")
 75 |         self.label_loading.setGeometry(QRect(0, 320, 661, 21))
 76 |         font2 = QFont()
 77 |         font2.setFamily(u"Segoe UI")
 78 |         font2.setPointSize(12)
 79 |         self.label_loading.setFont(font2)
 80 |         self.label_loading.setStyleSheet(u"color: rgb(98, 114, 164);")
 81 |         self.label_loading.setAlignment(Qt.AlignCenter)
 82 |         self.label_credits = QLabel(self.dropShadowFrame)
 83 |         self.label_credits.setObjectName(u"label_credits")
 84 |         self.label_credits.setGeometry(QRect(20, 350, 621, 21))
 85 |         font3 = QFont()
 86 |         font3.setFamily(u"Segoe UI")
 87 |         font3.setPointSize(10)
 88 |         self.label_credits.setFont(font3)
 89 |         self.label_credits.setStyleSheet(u"color: rgb(98, 114, 164);")
 90 |         self.label_credits.setAlignment(Qt.AlignRight|Qt.AlignTrailing|Qt.AlignVCenter)
 91 | 
 92 |         self.verticalLayout.addWidget(self.dropShadowFrame)
 93 | 
 94 |         SplashScreen.setCentralWidget(self.centralwidget)
 95 | 
 96 |         self.retranslateUi(SplashScreen)
 97 | 
 98 |         QMetaObject.connectSlotsByName(SplashScreen)
 99 |     # setupUi
100 | 
101 |     def retranslateUi(self, SplashScreen):
102 |         SplashScreen.setWindowTitle(QCoreApplication.translate("SplashScreen", u"MainWindow", None))
103 |         self.label_title.setText(QCoreApplication.translate("SplashScreen", u"<strong>YOUR</strong> APP NAME", None))
104 |         self.label_description.setText(QCoreApplication.translate("SplashScreen", u"<strong>APP</strong> DESCRIPTION", None))
105 |         self.label_loading.setText(QCoreApplication.translate("SplashScreen", u"loading...", None))
106 |         self.label_credits.setText(QCoreApplication.translate("SplashScreen", u"<strong>Created</strong>: Wanderson M. Pimenta", None))
107 |     # retranslateUi
108 | 
109 | 


--------------------------------------------------------------------------------