Qt Designer

Qt Designer GUI

Spread the love

PyQt is a set of Python bindings that allow programmers to create highly customized graphical user interfaces (GUIs) in the Python programming language. PyQt is based on the C++ Qt library, which is used to create graphical user interfaces for a wide range of multi-platform applications.

Depending on the level of customization necessary, PyQt widgets can be produced in a variety of methods. Qt Designer is a Qt utility that allows you to create and construct graphical user interfaces using a what-you-see-is-what-you-get editor. The developer can swiftly iterate on ideas while viewing immediate feedback when creating widgets with this user-friendly application. This post will walk you through the steps of creating a PyQt widget with Qt Designer and Python.

Example steps to build your first GUI using Qt-

1. Install PyQt

If PyQt hasn't already been installed, the first step is to do so. Homebrew or pip can be used to install PyQt on MacOS
Homebrew install:
> brew install pyqt5

Pyqt5 designer should be installed automatically if you install with homebrew.

Pip install: > pip install pyqt5
# Install the developer tools
> pip install pyqt5-tools

2. Create the UI in Qt Designer

The next step is to open Qt Designer. Qt designer may be launched on Mac OS by typing the following into the terminal:
> open -a Designer

Create a Qt Widget
File -> New -> Widget

Widgets can be dragged from the widget box to the form from here, and the properties of each widget can be modified as needed. To view the available widgets, go to View -> Widget Box. The widgets in the demo.ui sample below are of the types QHboxLayout, QPushButton, QLabel, QSpinBox, QLineEdit, and others.

Once the layout is finished, remember to save the.ui file.

3.Initialize the Qt Widget in python

To load and initialise the Qt Widget generated in Qt Designer, a QWidget class must be constructed in Python. The bare minimum of code required to launch the main widget is listed below. Launch QWidget from Python.

4. Connect UI Components to the Code

We'll most likely need to interact directly with the components to establish default values or query values from input fields now that the main widget has been initialised from the python class.

An identification name is required for each component that will be accessed from the Python code. Go to View -> Property Editor in Qt Designer to access the property editor. Modify the objectName field for each widget component to change the name. This name will be used to refer to the relevant widget in the Python code.

The name mainLabel has been allocated to the QLabel in the example above. The text of the label can now be changed in the code by calling the following function:
self.mainLabel.setText("Updated Text")

5. Connect UI Actions to Code

The application will most likely need to respond when a user interacts with a widget component. Qt's callback mechanism is built around signals and slots. When an event occurs, UI signals are emitted. In response to a particular signal, a slot, which is expressed as a function, will be called. A UI action and a custom function can be linked in two ways.

Option 1: Connect a function to a signal
When you click the QPushButton applyButton, the function self.click will be called.
Option 2: Specify the slot using the pyqtSlot decorator
The pyqtSlot decorator can be used to indicate the slot for a specific signal.
def click(self):


Qt Designer is very efficient tool to quickly establish the framework for any UI, but the possibilities with Qt are not restricted to what's available through Qt Designer. PyQt has a robust API framework that allows developers to change the look and feel of the application. The options are infinite!
Reach out to info@oditeksolutions.com for more information on our capabilities on Qt.

What OdiTek offers

Refer our Skills page:

C++ Development

C++ is one of the most popular object-oriented programming language that is used for multi-device and multi-platform enterprise-class large scale performance-driven application development. The C++ language combines increased capacity and optimal performance of software that is why it is widely used for building well-organized applications....


Client Testimonials

We had a tough deadline to launch our .Net based application that processes a lot of data, and got very frustrated with our development agency we hired. Fortunately we got Oditek, and they took over seamlessly the product development, launched the app & continued feature development. Just awesome!

Neal Bonrud

Co-Founder – SubScreener, USA

They were very attentive to our needs as clients and went out of the way to make sure our projects were taken care of. They were always able to get projects done in the specifications we requested. They are passionate about getting things done; I would definitely recommend them to lead any IT projects.

Dann Manahan

Sr VP Technology- 1031 Crowd Funding

I worked with OdiTek on few high profile banking application projects. They did a fantastic job with web applications & manual testing on the VAS apps for two leading banks of UK that included rigorous UAT phases. I recommend them for any application development where security matters.

Clive Shirley

CTO- Smarta, UK

OdiTek is our extended team who works on our key software projects. They are dependable, good in collaboration and technically very much to the level what we expect a global team should be. They had transformed our web applications, CRM and added mobility to existing business platforms here.

Matt Berry

IT Manager- First Option Online

It's been more than 4 years now that we are working with OdiTek on our cloud based web product development. It's been amazing working together, they are very competent on designing scalable, high performance apps. Their technical support is outstanding to say the least, even at odd hours.

Brad Taylor

CEO- BluesummitTech, USA

I am a fan of Team OdiTek since 2014 and have worked on many product development projects together. Specially worth mentioning their deliveries on VAS Banking web application development & manual testing services for Smarta, UK. They are highly skilled & a professional team to work with.

Tom Bowden

Digital Propositions - HSBC, London

OdiTek has been working on our Integrated Web-scale Mobile Platform i.e. Optimal Health since 2014. They are very professional and takes care of the requirements meticulously. They are technically very sound and sincere in ensuring quality & performance. Wonderful working with them!

Catherine Lim

COO- Medilink Global Sdn Bdh

You can trust the team, with minimum supervision you get the work done. They are honest, professional & committed to schedule & quality. I had been successfully running 3 business applications designed, developed and maintained by Oditek developers. It’s been a pleasure working with them.

Scott Evans

CEO- Pink Storage, UK

OdiTek has been working in custom software development, including services for test automation. Many of them have worked with me in 2009-10 when I was R&D Manager in NetHawk India. They have great enthusiasm & a passion to excel in bringing customer success. Their work has been very impressive.

Karen Hamber

Senior Product Manager- Skype

It's amazing to see these guys are turning their experience into a global delivery excellence at OdiTek. I am sure their past large scale product development experience will be handy to product companies. I would always recommend Oditek for software development, especially performance-driven solutions.

Juha Marjeta

Opti Automation Oyj

If you need additional information or have project requirements, kindly drop an email to: info@oditeksolutions.com