Designer

In Qt Designer, there are two ways to use PyQt-Fluent-Widgets.

# Using Client (Recommend)

For all the following operations, they must be performed in an English path.

Fluent Client integrates designer plugins, supporting direct drag-and-drop usage of QFluentWidgets components in Designer. What you see is what you get, making the construction of modern interfaces silky smooth! You can purchase from Afadianopen in new window.

The following video demonstrates the usage of Fluent Client:

# Promoting widget

Right click on a widget, select the Promote to ... of context menu.

Promoting a widget indicates that it should be replaced with the specified subclass, in our case the qfluentwidgets.PushButton.

You will be presented with a dialog to specify the custom widget class the placeholder widget will become.

The header file is the name of the Python module used to import the class, which is qfluentwidgets. Specify PushButton as the class name of the widget to replace it with.

Well, the widget is now promoted to fluent push button. But you won’t be able to see any changes within Qt Designer. Save the window as mainwindow.ui and compile it to python code, you will see that the PushButton is imported from qfluentwidgets package.

# Complex example

Here is an example that uses a side navigation bar to implement multiple sub-interfaces window.