Source Code Untuk Membuat Toggle Button Dengan Python Menggunakan Library PySide


Assalamualaikum warohmatullahi wabarokatuh

Programmer Bojonegoro - Halo temen-temen, berjumpa lagi dengan postingan blog Programmer Bojonegoro... hehehe

Jangan bosan-bosan ya membaca postingan blog Programmer Bojonegoro :)

Karena 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
Source Code Untuk Membuat Toggle Button Dengan Python Menggunakan Library PySide
Note: Perhatikan warna kotaknya. Sebelum tombol di klik, kotaknya berwarna hitam.

Gambar 2
Source Code Untuk Membuat Toggle Button Dengan Python Menggunakan Library PySide
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 :)


#!/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 :)
Baca juga: Source Code Untuk Membuat CheckBox Dengan Python Menggunakan Library PySide
Semoga bermanfaat

Wassalamualaikum warohmatullahi wabarokatuh

Previous
Next Post »
Thanks for your comment