×
Namespaces

Variants
Actions
Revision as of 21:39, 20 October 2009 by tepaa (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Archived:Painting only the dirty area of the widget in Qt

From Nokia Developer Wiki
Jump to: navigation, search
Article Metadata
Tested with
Devices(s): Nokia 5800 eXpressMusic, Nokia N900
Compatibility
Platform(s): Qt
Symbian
Article
Keywords: WA_OpaquePaintEvent, QPainter::setClipRegion()
Created: (20 Oct 2009)
Last edited: tepaa (20 Oct 2009)

Contents

Overview

This example shows how to paint only dirty area of widget. That will speed up UI painting.

When user draws line using stylus on the sceen is line first painted into QPixmap picture and then picture is updated into screen. Application updates only dirty area of picture on line drawing.

Dirty area painting can be handled setting Qt::WA_OpaquePaintEvent attribute of widget as true and defining dirty rect to QPainter with QPainter::setClipRegion().


Preconditions

  • Qt is installed on your platform
    • Download Qt for S60 release from here: [1]


Header

#include <QtGui>
 
class Widget: public QWidget
{
Q_OBJECT
 
public:
Widget(QWidget *parent = 0);
~Widget();
 
void mouseMoveEvent(QMouseEvent *);
void mousePressEvent(QMouseEvent *);
void mouseReleaseEvent(QMouseEvent *);
 
void paintEvent(QPaintEvent *);
void resizeEvent(QResizeEvent *);
 
private:
void paintToPixmap();
void paintLine(QPainter&);
 
private:
QPoint p1;
QPoint p2;
 
QPen pen;
QColor color;
 
QPixmap pixmap;
};


Source

Widget::Widget(QWidget *parent) :
QWidget(parent)
{
p1 = QPoint(-1, -1);
p2 = QPoint(-1, -1);
 
color = QColor(Qt::black);
pen.setColor(color);
pen.setStyle(Qt::SolidLine);
pen.setWidth(2);
}
 
Widget::~Widget()
{
}
 
void Widget::resizeEvent(QResizeEvent *event)
{
QWidget::resizeEvent(event);
// Create pixmap that size is same as screen has
pixmap = QPixmap(event->size());
pixmap.fill(Qt::white);
}
 
void Widget::mousePressEvent(QMouseEvent *event)
{
p1 = event->pos();
p2 = QPoint(-1, -1);
 
// Opaquea paint, we paint only dirty area of the screen
setAttribute(Qt::WA_OpaquePaintEvent, true);
}
 
void Widget::mouseMoveEvent(QMouseEvent *event)
{
if (p2.x() == -1) {
p2 = event->pos();
}
else {
p1 = p2;
p2 = event->pos();
}
// Paint to pixmap and then pixmap on screen
paintToPixmap();
}
 
void Widget::mouseReleaseEvent(QMouseEvent *)
{
// Stop using opaquea paint
setAttribute(Qt::WA_OpaquePaintEvent, false);
 
// Update screen
update();
}
 
void Widget::paintToPixmap()
{
// Paint line to pixmap
QPainter painter;
painter.begin(&pixmap);
painter.setRenderHint(QPainter::Antialiasing);
painter.setPen(pen);
paintLine(painter);
painter.end();
// Draw pixmap on the screen
update();
}
 
void Widget::paintLine(QPainter& painter)
{
if (p1.x() != -1 && p2.x() != -1) {
painter.drawLine(p1, p2);
}
}
 
QRect Widget::dirtyRect()
{
int left, top, width, height;
if (p1.x() == -1 || p2.x() == -1) {
return rect();
}
 
if (p1.x() < p2.x()) {
left = p1.x();
width = p2.x() - p1.x();
}
else {
left = p2.x();
width = p1.x() - p2.x();
}
 
if (p1.y() < p2.y()) {
top = p1.y();
height = p2.y() - p1.y();
}
else {
top = p2.y();
height = p1.y() - p2.y();
}
return QRect(left - 15, top - 15, width + 30, height + 30);
}
 
void Widget::paintEvent(QPaintEvent *)
{
QPainter painter(this);
 
// Paint only dirty area of the screen
if (testAttribute(Qt::WA_OpaquePaintEvent)) {
painter.setClipRegion(dirtyRect());
}
 
// Update pixmap into screen. If dirty
// area is set painter updates only that
painter.drawPixmap(QPoint(0, 0), pixmap);
}


Postconditions

Screen updates fast.


See also

133 page views in the last 30 days.
×