Source Code Untuk Membuat Toggle Button Dengan Python Menggunakan Library PySide

Pada kesempatan kali ini saya akan membagikan sebuah source code untuk membuat toggle button dengan python menggunakan pyside.

Apa itu Toggle Button?

Toggle Button adalah sebuah tombol yang selalu berada dalam salah satu dari dua kondisi.

Maksudnya gimana mas?

Maksudnya setiap kita klik pada toggle button maka akan merubah dari kondisi satu ke kondisi lainnya.

Contohnya seperti pada gambar berikut:

Gambar 1

Note: Perhatikan warna kotaknya. Sebelum tombol di klik, kotaknya berwarna hitam.

Gambar 2

Note: Setelah kita klik tombol "Red" maka warna kotak berubah dari yang awalnya hitam menjadi merah.

Gimana? 

Udah tau kan fungsi dari toggle button ini?

Kalau udah tau, saatnya temen-temen mencoba membuatnya sendiri :)

Berikut Source Code Untuk Membuat Toggle Button Dengan Python Menggunakan Library PySide:

#!/usr/bin/python
# -*- coding: utf-8 -*-

"""
Programmer Bojonegoro, Referensi Coding Terbaikmu!.

Website: programmerbojonegoro.blogspot.co.id
"""

import sys
from PySide import QtGui, QtCore

class Example(QtGui.QWidget):
    
    def __init__(self):
        super(Example, self).__init__()
        
        self.initUI()
        
    def initUI(self):      

        self.col = QtGui.QColor(0, 0, 0)       

        redb = QtGui.QPushButton('Red', self)
        redb.setCheckable(True)
        redb.move(10, 10)

        redb.clicked[bool].connect(self.setColor)

        greenb = QtGui.QPushButton('Green', self)
        greenb.setCheckable(True)
        greenb.move(10, 60)

        greenb.clicked[bool].connect(self.setColor)

        blueb = QtGui.QPushButton('Blue', self)
        blueb.setCheckable(True)
        blueb.move(10, 110)

        blueb.clicked[bool].connect(self.setColor)

        self.square = QtGui.QFrame(self)
        self.square.setGeometry(150, 20, 100, 100)
        self.square.setStyleSheet("QWidget { background-color: %s }" %  
            self.col.name())
        
        self.setGeometry(300, 300, 280, 170)
        self.setWindowTitle('PB | Toggle Button')
        self.show()
        
    def setColor(self, pressed):
        
        source = self.sender()
        
        if pressed:
            val = 255
        else: val = 0
                        
        if source.text() == "Red":
            self.col.setRed(val)                
        elif source.text() == "Green":
            self.col.setGreen(val)             
        else:
            self.col.setBlue(val) 
            
        self.square.setStyleSheet("QFrame { background-color: %s }" %
            self.col.name())  
        
def main():
    
    app = QtGui.QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())


if __name__ == '__main__':
    main()

Alhamdulillah, itulah source code untuk membuat toggle button dengan python menggunakan library pyside.

Selamat mencoba ya temen-temen :)

Semoga bermanfaat

Share this post