Wednesday, March 16, 2016

Cara menggunakan QT Desainer



Penulis semakin suka saja dengan bahasa Python dengan banyak library pihak ke 3 telah dibuat. Penulis pun bisa membuat aplikasi berbasis GUI menggunakan pyqt, canggihnya lagi ada QT Designer untuk membuat GUI secara cepat!
Penulis menggunakan python 2.7.10 dan PyQt4-4.11.3-gpl-Py2.7-Qt4.8.6-x32.exe
Penulis akan memberikan sedikit tutorial cara menggunakan PyQT Designer, misalanya kita akan membuat 2 component berikut

Contoh Penggunakan Qt Desainer


Penulis bikin berikut

Kamu bisa melihat property tiap component disebelah jendela kanan (dibawah ini)


Kamu bisa simpan dengan *.ui
Misalnya penulis simpan dengan nama E:/ contoh_desain.ui
Tahap pentingnya berikut yaitu compile *.ui menjadi *.py menggunakan pyuic4
Dengan perintah berikut



Maka anda akan melihat generate nya dengan cara membuka file dari contoh_desain.py





from PyQt4 import QtGui
import sys
import contoh_desain

class Utama (QtGui.QMainWindow, contoh_desain.Ui_MainWindow):
    def __init__(self,parent=None):
        super(Utama,self).__init__(parent)
        self.setupUi(self)
        self.setWindowTitle('www.softscients.web.id')
        self.pushButton.clicked.connect(self.ok)
        self.hitungan = 0
    def ok(self):
        self.hitungan = self.hitungan + 1
        self.textEdit.setText(str(self.hitungan))

def main():
    app = QtGui.QApplication(sys.argv)
    form = Utama()
    form.show()
    app.exec_()
    
if __name__ == '__main__':
    main()



       
 






Mudah bukan!  Sehingga 2 logic untuk menangani UI dan Code terpisah, sangat memudahkan bagi programer dan desainer UI sehingga mereka bisa saling fokus kerjaannya masing-masing

Referensi :

No comments:

Post a Comment