Qt5 Signal Slot Example

by admin

Introduction

Signals and slots are used for communication between objects. The signals and slots mechanism is a central feature of Qt and probably the part that differs most from the features provided by other frameworks. The minimal example requires a class with one signal, one slot and one connection: counter.h. Signals and slots are used for communication between objects. The signals and slots mechanism is a central feature of Qt. In GUI programming, when we change one widget, we often want another widget to be notified. More generally, we want objects of any kind to be able to communicate with one another.

Signals and slots are used for communication between objects. The signals and slots mechanism is a central feature of Qt. In GUI programming, when we change one widget, we often want another widget to be notified. More generally, we want objects of any kind to be able to communicate with one another. Signals are emitted by objects when they change their state in a way that may be interesting to other objects. Slots can be used for receiving signals, but they are also normal member functions.

Remarks

Official documentation on this topic can be found here.

A Small Example

Signals and slots are used for communication between objects. The signals and slots mechanism is a central feature of Qt and probably the part that differs most from the features provided by other frameworks.

The minimal example requires a class with one signal, one slot and one connection:

Example

counter.h

The main sets a new value. We can check how the slot is called, printing the value.

Finally, our project file:

The new Qt5 connection syntax

The conventional connect syntax that uses SIGNAL and SLOT macros works entirely at runtime, which has two drawbacks: it has some runtime overhead (resulting also in binary size overhead), and there's no compile-time correctness checking. The new syntax addresses both issues. Before checking the syntax in an example, we'd better know what happens in particular.

Let's say we are building a house and we want to connect the cables. This is exactly what connect function does. Signals and slots are the ones needing this connection. The point is if you do one connection, you need to be careful about the further overlaping connections. Whenever you connect a signal to a slot, you are trying to tell the compiler that whenever the signal was emitted, simply invoke the slot function. This is what exactly happens.

Here's a sample main.cpp:

Hint: the old syntax (SIGNAL/SLOT macros) requires that the Qt metacompiler (MOC) is run for any class that has either slots or signals. From the coding standpoint that means that such classes need to have the Q_OBJECT macro (which indicates the necessity to run MOC on this class).

The new syntax, on the other hand, still requires MOC for signals to work, but not for slots. If a class only has slots and no signals, it need not have the Q_OBJECT macro and hence may not invoke the MOC, which not only reduces the final binary size but also reduces compilation time (no MOC call and no subsequent compiler call for the generated *_moc.cpp file).

Connecting overloaded signals/slots

While being better in many regards, the new connection syntax in Qt5 has one big weakness: Connecting overloaded signals and slots. In order to let the compiler resolve the overloads we need to use static_casts to member function pointers, or (starting in Qt 5.7) qOverload and friends:

Multi window signal slot connection

A simple multiwindow example using signals and slots.

There is a MainWindow class that controls the Main Window view. A second window controlled by Website class.

The two classes are connected so that when you click a button on the Website window something happens in the MainWindow (a text label is changed).

I made a simple example that is also on GitHub:

mainwindow.h

mainwindow.cpp

website.h

website.cpp

Project composition:

Consider the Uis to be composed:

  • Main Window: a label called 'text' and a button called 'openButton'
  • Website Window: a button called 'changeButton'

So the keypoints are the connections between signals and slots and the management of windows pointers or references.

Qt5

Qt 5 signals and slots mechanism. How signals and slots in Qt differ from the callback architecture in other widget toolkits. A Qt basics tutorial. How to add signals and slots in Qt Creator.

Part 9 of the Qt Creator C++ Tutorial

What are Qt 5 Signals and Slots?

Very basically, signals and slots in Qt allow communication between objects.

In Qt, a signal is emitted when an event occurs. A slot is a function that is called when a signal is emitted. For example, a push button emits a clicked signal when clicked by a user. A slot that is attached to that signal is called when the clicked signal is emitted.

Multiple signals can be connected to any slot. Signals can be connected to any number of slots.

Most of the details of signals and slots are hidden in their implementation in Qt. At this stage of the tutorial series we do not look in depth at signals and slots.

Using Signals and Slots in Qt Creator

There are several ways to use signals and slots in Qt Creator projects. This includes manually adding them in code. Here we briefly look at the easier ways to use signals and slots to respond to events. Events are generated by users interacting with widgets in an application. These events cause signals to be emitted. Corresponding slots, or functions then run.

Qt 5 Signals and Slots Demonstration

The following image shows the application built in this section using Qt Creator. It demonstrates some methods of using signals and slots.

Each section below shows a method of adding signals and slots to a Qt Creator program. Watch the video embedded near the top of this page for details.

Add a Slot to a Button for the Clicked Signal

Place a push button on the main window. Right click the push button and select Go to slot… to add code for the clicked signal.

Qt5 Signal Slot Example

Connect a Slider to a Progress Bar Visually

Place a Horizontal Slider and a Progress Bar on the main window.

Press F4 on the keyboard. This toggles to Edit Signals/Slots mode.

Drag to connect the slider to the progress bar.

Press F3 to change back to Edit Widgets mode.

Connect a Slider to a Progress Bar with Code

Qt signal slot example

Place a second Horizontal Slider and a Progress Bar on the main window.

Right-click the Horizontal Slider. In the menu that pops up, click Go to slot…

In the dialog box that pops up, select sliderMoved(int). Click the OK button.

Add code for the sliderMoved signal.

Menu Bar Item with Action Editor

Add a File menu with Open, Close and Quit menu items.

Qt Creator must be in Design mode. Make sure that the Action Editor and Signal and Slots Editor are visible. Do this from the top menu as follows. Select Window → Views and then click the check box next to each of the desired editors.

Add slots for the triggered() signal for the Open and Close menu items. Do this in the Action Editor as follows. Right click a menu item. Click Go to slot… on the menu that pops up. Click triggered() in the dialog box that pops up and then click the OK button.

Qt5 Signal Slot Examples

Add code in the slot function.

Menu Bar Item with Signals and Slots Editor

In Design mode, select the Signals and Slots tab. Click the big green + sign to add an item. Change the following for the new item.

Qt5 Signal Slot Example
  • Sender : actionQuit
  • Signal : triggered()
  • Receiver : MainWindow
  • Slot : close()

Code Listing

Below is the code listing for mainwindow.cpp for the example project. Follow the video embedded near the top of this page to add the code.

Qt Signal Slot Example C

mainwindow.cpp