Round window

[bunjee]

Hey there,

I'm trying to display a window widget with rounded edges.
I've tryed with setMask + specifying a mask, but the result is not convincing.

QRect maskRect(rect().x() + 1, rect().y() + 1, 
	        rect().width() - 1, rect().height() - 1);
 
setMask(QRegion(ZePainterController::get()->DrawRoundRect(maskRect,
					2000 / maskRect.width(), 2000 / maskRect.height()).toFillPolygon().toPolygon()));

QRect maskRect(rect().x() + 1, rect().y() + 1, 
	        rect().width() - 1, rect().height() - 1);

setMask(QRegion(ZePainterController::get()->DrawRoundRect(maskRect,
					2000 / maskRect.width(), 2000 / maskRect.height()).toFillPolygon().toPolygon()));

To copy to clipboard, switch view to plain text mode 

Don't know If I should use a mask bitmap ?

[bunjee]

Anybody has a code snipet for this ?

[Uwe]

QwtDial ( http://qwt.sourceforge.net/class_qwt_dial.html ) is such a widget. Look at the code of QwtDial::updateMask.

HTH,
Uwe

[marcel]

QwtDial ( http://qwt.sourceforge.net/class_qwt_dial.html ) is such a widget. Look at the code of QwtDial::updateMask.

HTH,
Uwe

Unfortunately that won't work for windows. There is no antialiasing done for top-level windows. For an alternative, see this http://www.qtcentre.org/forum/f-qt-s...sses-9301.html.

[bunjee]

I've coded rounded painting path to use with my mask :

QPainterPath path;
 
	path.moveTo(r.x() + 7, r.y());
	path.lineTo(r.x() + r.width() - 7, r.y());
 
	// Upper right
	path.lineTo(r.x() + r.width() - 6, r.y() + 1);
	path.lineTo(r.x() + r.width() - 5, r.y() + 1);
 
	path.lineTo(r.x() + r.width() - 1, r.y() + 5);
	path.lineTo(r.x() + r.width() - 1, r.y() + 6);
	path.lineTo(r.x() + r.width(), r.y() + 7);
 
	path.lineTo(r.x() + r.width(), r.y() + r.height() - 7);
 
	// Lower right
	path.lineTo(r.x() + r.width() - 1, r.y() + r.height() - 6);
	path.lineTo(r.x() + r.width() - 1, r.y() + r.height() - 5);
 
	path.lineTo(r.x() + r.width() - 5, r.y() + r.height() - 1);
	path.lineTo(r.x() + r.width() - 6, r.y() + r.height() - 1);
	path.lineTo(r.x() + r.width() - 7, r.y() + r.height());
 
	path.lineTo(r.x() + 7, r.y() + r.height());
 
	// Lower left
	path.lineTo(r.x() + 6, r.y() + r.height() - 1);
	path.lineTo(r.x() + 5, r.y() + r.height() - 1);
 
	path.lineTo(r.x() + 1, r.y() + r.height() - 5);
	path.lineTo(r.x() + 1, r.y() + r.height() - 6);
	path.lineTo(r.x(), r.y() + r.height() - 7);
 
	path.lineTo(r.x(), r.y() + 7);
 
	// Upper left
	path.lineTo(r.x() + 1, r.y() + 6);
	path.lineTo(r.x() + 1, r.y() + 5);
 
	path.lineTo(r.x() + 5, r.y() + 1);
	path.lineTo(r.x() + 6, r.y() + 1);
	path.lineTo(r.x() + 7, r.y());

QPainterPath path;

	path.moveTo(r.x() + 7, r.y());
	path.lineTo(r.x() + r.width() - 7, r.y());

	// Upper right
	path.lineTo(r.x() + r.width() - 6, r.y() + 1);
	path.lineTo(r.x() + r.width() - 5, r.y() + 1);

	path.lineTo(r.x() + r.width() - 1, r.y() + 5);
	path.lineTo(r.x() + r.width() - 1, r.y() + 6);
	path.lineTo(r.x() + r.width(), r.y() + 7);

	path.lineTo(r.x() + r.width(), r.y() + r.height() - 7);

	// Lower right
	path.lineTo(r.x() + r.width() - 1, r.y() + r.height() - 6);
	path.lineTo(r.x() + r.width() - 1, r.y() + r.height() - 5);

	path.lineTo(r.x() + r.width() - 5, r.y() + r.height() - 1);
	path.lineTo(r.x() + r.width() - 6, r.y() + r.height() - 1);
	path.lineTo(r.x() + r.width() - 7, r.y() + r.height());
	
	path.lineTo(r.x() + 7, r.y() + r.height());

	// Lower left
	path.lineTo(r.x() + 6, r.y() + r.height() - 1);
	path.lineTo(r.x() + 5, r.y() + r.height() - 1);

	path.lineTo(r.x() + 1, r.y() + r.height() - 5);
	path.lineTo(r.x() + 1, r.y() + r.height() - 6);
	path.lineTo(r.x(), r.y() + r.height() - 7);

	path.lineTo(r.x(), r.y() + 7);

	// Upper left
	path.lineTo(r.x() + 1, r.y() + 6);
	path.lineTo(r.x() + 1, r.y() + 5);

	path.lineTo(r.x() + 5, r.y() + 1);
	path.lineTo(r.x() + 6, r.y() + 1);
	path.lineTo(r.x() + 7, r.y());

To copy to clipboard, switch view to plain text mode 

Here is my paint event and my resize event on my main widget :

void ZeMessengerWindow::paintEvent(QPaintEvent * event)
{
	QPainter painter(this);
	//painter.setRenderHint(QPainter::Antialiasing, true);
 
	QPen pen;
	pen.setBrush(ZeStyle::get()->getBorderColor());
	painter.setPen(pen);
 
	painter.setBrush(QColor(0, 0, 0, 0));
 
	QRect rectBack(rect().x(), rect().y(), 
				   rect().width() - 1, rect().height() - 1);
 
	ZePainterController::get()->DrawRoundRect(painter, rectBack);
}
 
//=============================================================================
//=============================================================================
 
void ZeMessengerWindow::resizeEvent(QResizeEvent * event)
{
	setMask(QRegion(ZePainterController::get()->DrawRoundRect(rect()).toFillPolygon().toPolygon()));
}

void ZeMessengerWindow::paintEvent(QPaintEvent * event)
{
	QPainter painter(this);
	//painter.setRenderHint(QPainter::Antialiasing, true);

	QPen pen;
	pen.setBrush(ZeStyle::get()->getBorderColor());
	painter.setPen(pen);

	painter.setBrush(QColor(0, 0, 0, 0));

	QRect rectBack(rect().x(), rect().y(), 
				   rect().width() - 1, rect().height() - 1);

	ZePainterController::get()->DrawRoundRect(painter, rectBack);
}

//=============================================================================
//=============================================================================

void ZeMessengerWindow::resizeEvent(QResizeEvent * event)
{
	setMask(QRegion(ZePainterController::get()->DrawRoundRect(rect()).toFillPolygon().toPolygon()));
}

To copy to clipboard, switch view to plain text mode 

The top corners are working fine, unfortunately I have the following bug on the lower corners :

Top :


Bottom :


It's like the mask was antialiased or something