Interrupteur à bascule en Qt

@piccy la suggestion est ce que j'ai fait pour un interrupteur à bascule précédemment. Avec un peu de bricolage tho.

Nous avons eu à imiter les comportements similaire à iOS bascule on/off. Ce qui signifie que vous besoin d'un mouvement progressif qui vous n'aurez pas à glissière avec une limite de 0-1 externes sans animations.

Donc ce que j'ai fait a été de définir l'intervalle de valeur pour le curseur pour être la même que la largeur maximale de la barre.

Connectez ensuite le curseur publié signal et de vérifier si la valeur est inférieure à la moitié du maximum et, si oui, positionnez le curseur de la valeur à 0 sinon la valeur d'un curseur à max.

Cela vous donnera un bon frein effet et clip à l'extrême lorsque vous relâchez la souris.

Si vous voulez le curseur juste à bascule lorsqu'il est cliqué sur l'autre côté, sans glisser connecter le curseur de valeur a changé de signal et de vérifier la nouvelle valeur pour être plus proche de l'extrême et la définir comme la valeur d'un curseur si le curseur n'est pas dans son état. Ne modifiez pas la valeur d'un curseur si le curseur est en bas car vous risquez alors de briser la précédente, faites glisser le mouvement.

Bien, vous aurez à utiliser QCheckBox. Ce n'est pas un Interrupteur à Bascule, mais il n'a même chose. Si vous voulez vraiment visuel différent, vous devez créer un widget personnalisé

Ici est un Python 3 /PyQt5 mise en œuvre de @IMAN4K de réponse.

Améliorations au cours de la mise en œuvre d'origine:

• Pouce de taille peut être plus grand/plus petit que la taille de la piste
• L'utilisation actuelle de l'application de la palette pour colorier
• Émettent activée/cliqué signaux lorsque l'utilisateur clique dessus
• Corrections diverses

from PyQt5.QtCore import QPropertyAnimation, QRectF, QSize, Qt, pyqtProperty
from PyQt5.QtGui import QPainter
from PyQt5.QtWidgets import (
QAbstractButton,
QApplication,
QHBoxLayout,
QSizePolicy,
QWidget,
)
class Switch(QAbstractButton):
def __init__(self, parent=None, track_radius=10, thumb_radius=8):
super().__init__(parent=parent)
self.setCheckable(True)
self.setSizePolicy(QSizePolicy.Fixed, QSizePolicy.Fixed)
self._track_radius = track_radius
self._thumb_radius = thumb_radius
self._margin = max(0, self._thumb_radius - self._track_radius)
self._base_offset = max(self._thumb_radius, self._track_radius)
self._end_offset = {
True: lambda: self.width() - self._base_offset,
False: lambda: self._base_offset,
}
self._offset = self._base_offset
palette = self.palette()
if self._thumb_radius > self._track_radius:
self._track_color = {
True: palette.highlight(),
False: palette.dark(),
}
self._thumb_color = {
True: palette.highlight(),
False: palette.light(),
}
self._text_color = {
True: palette.highlightedText().color(),
False: palette.dark().color(),
}
self._thumb_text = {
True: '',
False: '',
}
self._track_opacity = 0.5
else:
self._thumb_color = {
True: palette.highlightedText(),
False: palette.light(),
}
self._track_color = {
True: palette.highlight(),
False: palette.dark(),
}
self._text_color = {
True: palette.highlight().color(),
False: palette.dark().color(),
}
self._thumb_text = {
True: '✔',
False: '✕',
}
self._track_opacity = 1
@pyqtProperty(int)
def offset(self):
return self._offset
@offset.setter
def offset(self, value):
self._offset = value
self.update()
def sizeHint(self):  # pylint: disable=invalid-name
return QSize(
4 * self._track_radius + 2 * self._margin,
2 * self._track_radius + 2 * self._margin,
)
def setChecked(self, checked):
super().setChecked(checked)
self.offset = self._end_offset[checked]()
def resizeEvent(self, event):
super().resizeEvent(event)
self.offset = self._end_offset[self.isChecked()]()
def paintEvent(self, event):  # pylint: disable=invalid-name, unused-argument
p = QPainter(self)
p.setRenderHint(QPainter.Antialiasing, True)
p.setPen(Qt.NoPen)
track_opacity = self._track_opacity
thumb_opacity = 1.0
text_opacity = 1.0
if self.isEnabled():
track_brush = self._track_color[self.isChecked()]
thumb_brush = self._thumb_color[self.isChecked()]
text_color = self._text_color[self.isChecked()]
else:
track_opacity *= 0.8
track_brush = self.palette().shadow()
thumb_brush = self.palette().mid()
text_color = self.palette().shadow().color()
p.setBrush(track_brush)
p.setOpacity(track_opacity)
p.drawRoundedRect(
self._margin,
self._margin,
self.width() - 2 * self._margin,
self.height() - 2 * self._margin,
self._track_radius,
self._track_radius,
)
p.setBrush(thumb_brush)
p.setOpacity(thumb_opacity)
p.drawEllipse(
self.offset - self._thumb_radius,
self._base_offset - self._thumb_radius,
2 * self._thumb_radius,
2 * self._thumb_radius,
)
p.setPen(text_color)
p.setOpacity(text_opacity)
font = p.font()
font.setPixelSize(1.5 * self._thumb_radius)
p.setFont(font)
p.drawText(
QRectF(
self.offset - self._thumb_radius,
self._base_offset - self._thumb_radius,
2 * self._thumb_radius,
2 * self._thumb_radius,
),
Qt.AlignCenter,
self._thumb_text[self.isChecked()],
)
def mouseReleaseEvent(self, event):  # pylint: disable=invalid-name
super().mouseReleaseEvent(event)
if event.button() == Qt.LeftButton:
anim = QPropertyAnimation(self, b'offset', self)
anim.setDuration(120)
anim.setStartValue(self.offset)
anim.setEndValue(self._end_offset[self.isChecked()]())
anim.start()
def enterEvent(self, event):  # pylint: disable=invalid-name
self.setCursor(Qt.PointingHandCursor)
super().enterEvent(event)
def main():
app = QApplication([])
# Thumb size < track size (Gitlab style)
s1 = Switch()
s1.toggled.connect(lambda c: print('toggled', c))
s1.clicked.connect(lambda c: print('clicked', c))
s1.pressed.connect(lambda: print('pressed'))
s1.released.connect(lambda: print('released'))
s2 = Switch()
s2.setEnabled(False)
# Thumb size > track size (Android style)
s3 = Switch(thumb_radius=11, track_radius=8)
s4 = Switch(thumb_radius=11, track_radius=8)
s4.setEnabled(False)
l = QHBoxLayout()
l.addWidget(s1)
l.addWidget(s2)
l.addWidget(s3)
l.addWidget(s4)
w = QWidget()
w.setLayout(l)
w.show()
app.exec()
if __name__ == '__main__':
main()

Je sais que ce fil est vieux, mais j'ai du mal un peu avec cette question en particulier en dépit donné une très bonne idée de la par Viv.

De toute façon, j'ai pensé que je pourrais partager avec vous la solution je suis venu ici, peut-être que ça va aider quelqu'un d'autre le long du chemin.

void Switch::on_sldSwitch_actionTriggered(int action) {
if(action != 7) ui->sldSwitch->setValue((action%2) ? 100 : 0);
}
void Switch::on_sldSwitch_sliderReleased() {
ui->sldSwitch->setValue((ui->sldSwitch->sliderPosition() >= 50) ? 100 : 0);
}

Une petite explication: actionTriggered sera appelée à chaque fois que le curseur est cliqué ou déplacé avec le clavier. Lorsqu'il est déplacé, il émettra le signal '7'. Pour éviter un accrochage, de l'action 7 est bloqué.

Lors d'un déplacement vers la droite, il émet 3 tout en cliquant et 1 en frappant "droit" (ou "bas") sur le clavier, qui est pourquoi nous sommes l'alignement sur la droite quand il n'est pas un nombre pair.

Lors du déplacement de gauche, il émet 2 ou 4.

sliderReleased() sera appelée une fois que vous lâchez le bouton de la souris après avoir fait glisser, mais en ce moment, le curseur a toujours son ancienne valeur (qui s'est déclenché moi un peu). Donc, pour obtenir la position correcte pour le composant logiciel enfichable pour que j'interrogeais sliderPosition au lieu de value et c'est tout.

J'espère que cela aide quelqu'un.