Qt5 QPainter How To Draw Rectangle

In this Qt5 article i want to show you How To Draw Rectangle, we are using QPainter class for Drawing Rectangle, also i will talk about QBrush and QPen in this article. so first of all let me talk about Qt5 C++.

What is Qt5 ?

Qt5 is cross platform application development framework that allows developers to create applications with graphical user interfaces (GUI) and other features. it is the latest version of Qt framework, which was initially developed by the Norwegian company Trolltech in 1991. Qt5 provides different tools and libraries for developing applications in different programming languages, including C++ and Python, it offers complete set of APIs and widgets for building desktop applications, mobile applications and embedded systems. Qt5 supports multiple operating systems, including Windows, Linux, macOS and several mobile platforms, such as Android and iOS. it also provides several advanced features, such as multimedia support, network programming and internationalization. Qt5 is widely used by developers worldwide to create high performance, modern applications in different domains, such as gaming, automotive, industrial automation and medical devices.

What is QPainter class in Qt5?

The QPainter class performs low-level painting on widgets and other paint devices. QPainter provides highly optimized functions to do most of the drawing GUI programs require. It can draw everything from simple lines to complex shapes like pies and chords. It can also draw aligned text and pixmaps. Normally, it draws in a “natural” coordinate system, but it can also do view and world transformation. QPainter can operate on any object that inherits the QPaintDevice class. The common use of QPainter is inside a widget’s paint event: Construct and customize (e.g. set the pen or the brush) the painter. Then draw. Remember to destroy the QPainter object after drawing.

What is QBrush in Qt5?

A brush has a style, a color, a gradient and a texture, The brush style() defines the fill pattern using the Qt::BrushStyle enum. The default brush style is Qt::NoBrush (depending on how you construct a brush). This style tells the painter to not fill shapes. The standard style for filling is Qt::SolidPattern. The style can be set when the brush is created using the appropriate constructor, and in addition the setStyle() function provides means for altering the style once the brush is constructed.

What is QPen in Qt5?

A pen has a style(), width(), brush(), capStyle() and joinStyle(). pen style defines the line type. The brush is used to fill strokes generated with the pen. Use the QBrush class to specify fill styles. The cap style determines the line end caps that can be drawn using QPainter, while the join style describes how joins between two lines are drawn. The pen width can be specified in both integer (width()) and floating point (widthF()) precision. A line width of zero indicates a cosmetic pen. This means that the pen width is always drawn one pixel wide, independent of the transformation set on the painter.

So first of all you need to create a New Project in Qt5 framework, after that open your mainwindow.h and add this header file.

#include<QPainter>

1	#include<QPainter>

Also in your mainwindow.h you need to write the paintEvent() method of QPainter class in the public section of the class

 virtual void paintEvent(QPaintEvent *event);

1	virtual void paintEvent(QPaintEvent *event);

After adding your mainwindow.h will looks like this

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include<QPainter>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();
    
    
    virtual void paintEvent(QPaintEvent *event);

private:
    Ui::MainWindow *ui;
};

#endif // MAINWINDOW_H

#ifndef MAINWINDOW_H

#define MAINWINDOW_H

#include <QMainWindow>

#include<QPainter>

namespace Ui {

class MainWindow;

}

class MainWindow : public QMainWindow

{

Q_OBJECT

public:

explicit MainWindow(QWidget *parent = 0);

~MainWindow();

virtual void paintEvent(QPaintEvent *event);

private:

Ui::MainWindow *ui;

};

#endif // MAINWINDOW_H

So after that you need to add the paintEvent() definition in mainwindow.cpp and add the code for drawing rectangle

    QPainter painter(this);
    painter.setBrush(Qt::DiagCrossPattern);


    QPen pen;

    pen.setColor(Qt::green);
    pen.setWidth(5);

    painter.setPen(pen);
    painter.drawRect(QRect(80,120,200,100));

QPainter painter(this);

painter.setBrush(Qt::DiagCrossPattern);

QPen pen;

pen.setColor(Qt::green);

pen.setWidth(5);

painter.setPen(pen);

painter.drawRect(QRect(80,120,200,100));

After adding your mainwindow.cpp will be like this

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::paintEvent(QPaintEvent *event)
{

    QPainter painter(this);
    painter.setBrush(Qt::DiagCrossPattern);


    QPen pen;

    pen.setColor(Qt::green);
    pen.setWidth(5);

    painter.setPen(pen);
    painter.drawRect(QRect(80,120,200,100));





}

#include "mainwindow.h"

#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent) :

QMainWindow(parent),

ui(new Ui::MainWindow)

{

ui->setupUi(this);

}

MainWindow::~MainWindow()

{

delete ui;

}

void MainWindow::paintEvent(QPaintEvent *event)

{

QPainter painter(this);

painter.setBrush(Qt::DiagCrossPattern);

QPen pen;

pen.setColor(Qt::green);

pen.setWidth(5);

painter.setPen(pen);

painter.drawRect(QRect(80,120,200,100));

}

So you can see at the first we have created the QPainter class object, after that we have set the Brush Style for our QPainter. also we have created a QPen object because we want set color for our Rectangle and at the end we have drawn the rectangle.

So now run the complete project and this will be the result

Qt5 GUI Development Full Articles

FAQs:

What is Qt5?

Qt5 is a cross platform application development framework, and it is used to create applications with graphical user interfaces (GUI) and other features in C++ programming language. It offers a complete set of APIs and widgets for building desktop applications, mobile applications and embedded systems.

What is QPainter class?

QPainter class in Qt5 performs is low-level painting on widgets and other paint devices. It provides highly optimized functions for drawing different shapes and text on GUI programs. QPainter can draw lines, shapes like pies and chords, aligned text and pixmaps.

What is QBrush?

QBrush is a class in Qt5 used to define the fill pattern of shapes drawn with QPainter. It has properties such as style, color, gradient, and texture. brush style determines how shapes are filled, with options like solid color, gradient, or pattern.

What is QPen?

QPen is a class in Qt5 used to define the properties of lines drawn with QPainter. It has properties such as line style, width, color, cap style and join style. QPen is used to draw strokes, and it works together with QBrush to define the appearance of shapes.

How do you draw a rectangle using QPainter in Qt5?

To draw a rectangle using QPainter in Qt5, you need to create QPainter object, set the brush and pen properties for the rectangle, and then use the drawRect() method to draw the rectangle on a paint device such as a widget.

How do you add QPainter functionality to a Qt5 project?

To add QPainter functionality to a Qt5 project, you need to include the QPainter header file in your main window header file and implement the paintEvent() method in the main window class. This method is called whenever the widget needs to be repainted, and it allows you to perform custom painting with QPainter.

Subscribe and Get Free Video Courses & Articles in your Email