How-to
Style an Existing Application
In the case where you already have made some custom applications, and don't want to be bothered by subclassing the widgets inside the fxwidgets module but still want all applications to look and feel the same, you can call the fxstyle.load_stylesheet()
function and apply the returned stylesheet to your current application/widget.
from fxgui import fxstyle
application = QApplication()
application.setStyleSheet(fxstyle.load_stylesheet())
Note
You can set this stylesheet on a QMainWindow
, QWidget
, etc.
Note
You can pass extra arguments to the load_stylesheet() function.
Subclass the FXMainWindow
You can subclass any widgets in the fxwidgets
module. Here's a practical example with FXMainWindow
:
# Third-party
import qtawesome as qta
from qtpy.QtWidgets import *
from qtpy.QtUiTools import *
from qtpy.QtCore import *
from qtpy.QtGui import *
# Internal
from fxgui import fxwidgets, fxutils, fxdcc, fxstyle
class MyWidget(QWidget):
def __init__(self, parent=None):
super().__init__(parent)
self.add_layout()
self.add_buttons()
def add_layout(self):
"""Adds a vertical layout to the main layout of the widget."""
self.main_layout = QVBoxLayout()
self.setLayout(self.main_layout)
def add_buttons(self):
"""Adds buttons to the main layout of the widget."""
pulse_button = QPushButton("Pulse Button")
pulse_animation = qta.Pulse(pulse_button)
pulse_icon = qta.icon(
"fa.spinner", color="#b4b4b4", animation=pulse_animation
)
pulse_button.setIcon(pulse_icon)
spin_button = QPushButton("Spin Button")
spin_animation = qta.Spin(spin_button)
spin_icon = qta.icon(
"fa5s.spinner", color="#b4b4b4", animation=spin_animation
)
spin_button.setIcon(spin_icon)
self.main_layout.addWidget(pulse_button)
self.main_layout.addWidget(spin_button)
self.main_layout.addStretch()
class MyWindow(fxwidgets.FXMainWindow):
def __init__(self, parent=None):
super().__init__(parent)
self.toolbar.hide()
self.setCentralWidget(MyWidget(parent=self))
self.adjustSize()
application = fxwidgets.FXApplication()
window = MyWindow()
window.setWindowTitle("Subclassed FXMainWindow")
window.show()
application.exec_()
Apply the Custom Google Material Icons
You can find a QProxyStyle
subclass in fxstyle, called FXProxyStyle
. When used on a QApplication
instance, it allows you to switch the defaults icons provided by Qt
for Google Material icons.
Tip
The FXApplication
class found inside fxwidgets already applies this custom style.
You can now use the icons by doing:
from qtpy import QStyle
from fxgui import fxwidgets
application = fxwidgets.FXApplication()
window = fxwidgets.FXWindow(ui_file="path/to/ui/file.ui")
style = window.style()
window.ui.button_critical.setIcon(style.standardIcon(QStyle.SP_MessageBoxCritical))
window.show()
application.exec_()
Note
By default, the FXApplication
found inside fxwidgets already applies this custom style.
Warning
Applying the FXProxyStyle
is only allowed on a QApplication
instance! So if you're instantiating a FXMainWindow
inside a parent DCC, do not set the style on it.
QtAwesome
fxgui
comes bundled with QtAwesome, so you can use something like:
import qtawesome as qta
from fxgui import fxwidgets
application = fxwidgets.FXApplication()
window = fxwidgets.FXWindow(ui_file="path/to/ui/file.ui")
window.ui.button_critical.setIcon(qta.icon("mdi6.access-point-network"))
window.show()
application.exec_()
And the very cool features from this package, such as animated icons:
import qtawesome as qta
from fxgui import fxwidgets
application = fxwidgets.FXApplication()
window = fxwidgets.FXWindow(ui_file="path/to/ui/file.ui")
button_ctitical = window.ui.button_critical
animation = qta.Spin(button_ctitical)
spin_icon = qta.icon("fa5s.spinner", color="red", animation=animation)
button_ctitical.setIcon(spin_icon)
window.show()
application.exec_()