How to create a custom calender widget

English | Deutsch | Български

Customizing the appearance of QCalendarWidget

There are numerous ways to make a calendar. And the simplest one , must be using the "QCalendarWidget":http://doc.qt.io/qt-5.0/qtwidgets/qcalendarwidget.html. However, we have limited control over the appearance of this widget.

Inheriting the "QCalendarWidget":http://doc.qt.io/qt-5.0/qtwidgets/qcalendarwidget.html can solve the issue. Here is the example class which explains a 'custom' calendar widget.

The cells, or the particular days are customized, and in order to do this , we need to take control over the protected function "paintCell":http://doc.qt.io/qt-5.0/qtwidgets/qcalendarwidget.html#paintCell

Example:

class ourCalendarWidget : public QCalendarWidget<br />{

Q_OBJECT

public:<br /> ourCalendarWidget(QWidget *parent = 0) : QCalendarWidget(parent){}<br /> ~ourCalendarWidget() {}

void ourCall(QDate date)<br />{<br /> // here we set some conditions<br /> update();<br />}

protected:<br />void paintCell(QPainter *painter, const QRect &amp;rect, const QDate &amp;date) const<br />{<br /> if ( ) // our conditions<br /> { // When the conditions are matched, passed QDate is drawn as we like.

painter-&gt;save();<br /> painter-&gt;drawEllipse(rect); // here we draw n ellipse and the day—<br /> painter-&gt;drawText(rec, Qt::TextSingleLine, Qt::AlignCenter,QString::number(date.day()));<br /> painter-&gt;restore();<br /> }<br /> else<br /> { // if our conditions are not matching, show the default way.<br /> QCalendarWidget::paintCell(painter, rect, date);<br /> }<br />}

That is all. Happy coding.