How to create Android Style On/Off-Toggle switch in Qt/C++

[ChiliPalmer]

Alright, this is very, very basic and won't look that nice. But it might be a good starting point.

AndroidSwitch::AndroidSwitch(QWidget* parent)
  : QAbstractButton(parent)
{
  setCheckable(true);
}
 
AndroidSwitch::paintEvent(QPaintEvent* event)
{
  QPainter painter(this);
  painter.fillRect(rect(), Qt::gray);
  QRect switchRect;
  QColor switchColor;
  QString text;
  int halfWidth = width() / 2;
  if (isChecked()) {
    switchRect = QRect(halfWidth, 0, halfWidth, height());
    switchColor = QColor(Qt::cyan);
    text = "On";
  } else {
    switchRect = QRect(0, 0, halfWidth, height());
    switchColor = QColor(Qt::darkGray);
    text = "Off";
  }
  painter.fillRect(switchRect, switchColor);
  painter.drawText(switchRect, Qt::AlignCenter, text);
}

AndroidSwitch::AndroidSwitch(QWidget* parent)
  : QAbstractButton(parent)
{
  setCheckable(true);
}

AndroidSwitch::paintEvent(QPaintEvent* event)
{
  QPainter painter(this);
  painter.fillRect(rect(), Qt::gray);
  QRect switchRect;
  QColor switchColor;
  QString text;
  int halfWidth = width() / 2;
  if (isChecked()) {
    switchRect = QRect(halfWidth, 0, halfWidth, height());
    switchColor = QColor(Qt::cyan);
    text = "On";
  } else {
    switchRect = QRect(0, 0, halfWidth, height());
    switchColor = QColor(Qt::darkGray);
    text = "Off";
  }
  painter.fillRect(switchRect, switchColor);
  painter.drawText(switchRect, Qt::AlignCenter, text);
}

To copy to clipboard, switch view to plain text mode