Creating Your Own Widget class with simple example

(Last Updated On: March 14, 2021)

Create your own widget class:

In my previous article “signals and slots” which was about adding your own signals and slots to a class guided how to do this by deriving a class. The demonstrated process is actually a common way of Qt programming. You usually lead from someone a little higher in the hierarchy class (e.g. mostly QWidget or QDialog) and placed therein the widgets required for the partial object. In practice, the Applications are then composed of several such sub-objects. There are many advantages to this route. For example, if you want to improve or change the sub-object or extend it, it is usually sufficient to just change the code of this class. The main function remains unchanged. Overall, this corresponds to Advantages that you also have with C ++ and the corresponding classes.

Basically, you usually create your own widget in the following steps (where here “extended” rather applies):

  • Derive widget from the desired class
  • Create GUI elements to be displayed in the widget
  • Arrange displayed GUI elements (layout)
  • Set up signal and slot connections

We are going to make a very basic project which is easy to follow. The purpose of this small project is to make a message box with a button and when the button is pressed the window form is closed. Isn’t it simple, yes of course it is. So, let go ahead and make this small project.

First, we create the framework for the class. For this, everything is used as a basic framework summarized in a header file, what kind of message box is needed. In this example, the following scaffolding was created:

First, create mywidgets.h file and paste the below code

In this example no methods or own signals or slots are implemented. The first parameter in the constructor (line 9) is used for the text label (QLabel). If the user does not specify otherwise, the default Text in the message box is shown (here »Please press the button«). Same for the second argument of the constructor related to the button (QPushButton). As additional widgets in the MyWidget class, QPushButton, QLabel and QVBoxLayout (lines 11 to 13) implemented. Now to the actual definition of the MyWidget.cpp class:

First we create the GUI elements of the new widget (lines 6 to 8), they can then be arranged according to a layout (lines 10 to 11). At the end we set up a signal slot connection (line 13). There the question that should arise right away is what qApp is doing here. qApp is a Pointer to a global variable in <QApplication>. This refers to the unambiguous Instance of the application. We need this global pointer to close the application or, in this case, the message box.

Now create the main.cpp file and paste the code:


widget class

By pressing the end button, the program will close. This was just a getting started tutorial, I am sure you can use the same concept in some top level projects.

Recommended For You

About the Author: Engr Fahad

My name is Shahzada Fahad and I am an Electrical Engineer. I have been doing Job in UAE as a site engineer in an Electrical Construction Company. Currently, I am running my own YouTube channel "Electronic Clinic", and managing this Website. My Hobbies are * Watching Movies * Music * Martial Arts * Photography * Travelling * Make Sketches and so on...

Leave a Reply