BelajarPython - assalamualaikum wr. wb.
Jumpa lagi nih temen - temen.. Pada kesempatan kali ini saya akan mengajak kalian untuk belajar GUI dari python nih... Dan tentu saja dong saya akan menggunakan modul bawaan dia.. Apalagi kalau bukan tkinter. Tapi sebelum saya lanjut, saya mau nanya nih.. Kalian sudah install python 3 nya belum ? Wah jangan - jangan belum install nih... Tuh kan belum install.. Tapi tenang aja temen - temen.. Saya udah membuat postingan mengenai cara untuk install python 3 nya kok... Jadi kalian tidak perlu bingung yaa... Apalagi sampai panik... Hehe.. Nah untuk membaca tutorialnya, KALIAN BISA KLIK DISINI YA temen - temen... Dan silahkan ikuti langkah - langkah nya secara runtut ya...
Nah setelah kalian menginstall python nya, yuk kita lanjutkan postingan yang di tunda oleh iklan tadi.. Hehe... Jadi, seperti yang sudah saya katakan di atas, pada kesempatan kali ini, saya akan mengajak kalian untuk belajar GUI python menggunakan tkinter. Lebih tepatnya saya akan mengajak kalian untuk belajar menambahkan Toolbar pada window Tkinter python 3.. Nah seperti apa ya kira - kira caranya.. Yuk langsung saja kita simak sama - sama caranya pada postingan saya kali ini.. Let’s check it out temen - temen...
Nah jadi, toolbar ini bisa kita katakan sebagai tombol pemintas dari perintah sebuah aplikasi yang umumnya terdapat di atas window dan di bawah menubar. Dan untuk lebih jelasnya, yuk kita lihat contoh dari toolbar pada contoh screenshoot di bawah ini..
Nah itu dia temen - temen screenshootnya.. Bisa kita lihat ya disana.. Pada kotak merah yang atas merupakan sebuah menubar.. Dan kotak besar yang bawah itu merupakan kumpulan dari banyak toolbar. Seperti yang sudah saya katakan tadi, kebanyakan toolbar berada di bawah menu bar ya..
Nah itu dia temen - temen code programnya.. Cukup pendek juga ya.. Ya karena saya hanya membuat satu buah toolbar saja ya.. Yaitu toolbar exit. Tentu saja akan semakin panjang jika kalian menambahkan beberapa toolbar lagi. Oya.. Kira - kira seperti apa ya hasil GUI dari code program di atas.. Terus, bagus tidak ya.. Yuk mari silahkan di simak hasil running nya pada gambar di bawah ini ya...
Nah itu dia temen - temen tampilannya.. Cukup sederhana ya.. Oya mohon maaf ya saya tidak bisa menyertakan gambar pada toolbarnya.. Saya hanya menampilkan teks saja ya disana.. Karena saya mencoba untuk memberikan gambar tapi malah error terus.. Jadi mohon maaf bgt ya temen - temen..
nah itu dia temen - temen code programnya ya.. Tidak jauh berbeda dengan code program sebelumnya.. Saya hanya menambahkan beberapa code program saja ya.. Untuk mengetahuinya apa saja perubahannya, kalian bisa simak sendiri dan bandingkan sendiri ya.. Dari kedua code program di atas.. Silahkan dibandingkan.. Hehe.. Oya.. Lalu seperti apa ya hasil run atau hasi tampilan yang akan di hasilkan dari code program di atas ? Yuk langsung saja kita simak sama - sama hasilnya pada gambar yang ada di bawah ini...
Nah itu dia temen - temen hasilnya.. Bisa kita lihat ya pada gambar di atas.. Terdapat “exit” yang merupakan toolbar dan “file” yang merupakan sebuah Menubar. Gimana ? Sudah jelas ya temen - temen.. Ya saya rasa sudah cukup jelas ya..
Nah itu dia temen - temen penjelasan saya mengenai code program yang sudah saya bagikan sebelumnya.. Gimana ? Sudah cukup jelas kan temen - temen... Ya saya harap seperti itu ya.. Hehe.. Nah jika ada yang kurang di pahami, kalian bisa membacanya lagi secara perlahan... Namun, jika ada penjelasan yang kurang jelas atau ada yang ingin kalian tanyakan, kalian bisa menggunakan kolom komentar di bawah ini untuk bertanya... Insyaallah saya akan menjawab nya secepat yang saya bisa...
Oke sekian dulu ya temen - temen postingan saya kali ini.. Semoga apa yang sudah saya sajikan di atas dapat menambah pengetahuan dan ilmu baru bagi kalian.. Dan terimakasih ya sudah berkunjung dan membaca postingan saya kali ini.. Dan mohon maaf ya atas kekurangan ataupun ketidak jelasan yang ada di blog ini maupun pada postingan kali ini.. Jika kalian berkenan untuk menyampaikan kritik dan saran, kalian bisa menyampaikannya pada laman hubungi kami yang ada di blog ini ya...
Dan jangan lupa share ke temen kalian ya.. Hehe oke teriamakasi banyak ya dan sampai disini dulu.. Sampai jumpa di postingan saya yang lainnya ya temen - teme.. Oke terimakasi...
Wassalamualaikum wr. wb.
Jumpa lagi nih temen - temen.. Pada kesempatan kali ini saya akan mengajak kalian untuk belajar GUI dari python nih... Dan tentu saja dong saya akan menggunakan modul bawaan dia.. Apalagi kalau bukan tkinter. Tapi sebelum saya lanjut, saya mau nanya nih.. Kalian sudah install python 3 nya belum ? Wah jangan - jangan belum install nih... Tuh kan belum install.. Tapi tenang aja temen - temen.. Saya udah membuat postingan mengenai cara untuk install python 3 nya kok... Jadi kalian tidak perlu bingung yaa... Apalagi sampai panik... Hehe.. Nah untuk membaca tutorialnya, KALIAN BISA KLIK DISINI YA temen - temen... Dan silahkan ikuti langkah - langkah nya secara runtut ya...
Nah setelah kalian menginstall python nya, yuk kita lanjutkan postingan yang di tunda oleh iklan tadi.. Hehe... Jadi, seperti yang sudah saya katakan di atas, pada kesempatan kali ini, saya akan mengajak kalian untuk belajar GUI python menggunakan tkinter. Lebih tepatnya saya akan mengajak kalian untuk belajar menambahkan Toolbar pada window Tkinter python 3.. Nah seperti apa ya kira - kira caranya.. Yuk langsung saja kita simak sama - sama caranya pada postingan saya kali ini.. Let’s check it out temen - temen...
Apa itu toolbar ?
Nah sebelum saya megajak kalian untuk membuat toolbar nya, saya akan mencoba untuk mengajak kalian untuk mengenal apa yang dimaksud dengan toolba itu sendiri... Nah apa ya kira - kira.. Lihat pendefinisannya di bawah ini ya..Nah jadi, toolbar ini bisa kita katakan sebagai tombol pemintas dari perintah sebuah aplikasi yang umumnya terdapat di atas window dan di bawah menubar. Dan untuk lebih jelasnya, yuk kita lihat contoh dari toolbar pada contoh screenshoot di bawah ini..
Nah itu dia temen - temen screenshootnya.. Bisa kita lihat ya disana.. Pada kotak merah yang atas merupakan sebuah menubar.. Dan kotak besar yang bawah itu merupakan kumpulan dari banyak toolbar. Seperti yang sudah saya katakan tadi, kebanyakan toolbar berada di bawah menu bar ya..
Cara membuat toolbar pada tkinter python 3.
Nah setelah kita tau apa yang di maksud dengan toolbar itu, maka selanjutnya saya akan mencoba untuk mengajak kalian untuk membuatnya... Ya dengan cara membagikan code program nya dong.. Hehe.. Seperti apa ya kira - kira code program nya ? Susah tidak ya.. Terus sepanjang apa ya... Nah untuk menjawab pertanyaan - pertanyaan penasaran kalian tadi, yuk langsung saja kita simak code program yang akan saya bagikan di bawah ini ya... Let’s check it out..from tkinter import Tk, Frame, Menu, Button, LEFT, TOP, X, FLAT, RAISED
class membuatToolbar(Frame):
def __init__(self, parent):
Frame.__init__(self, parent)
self.window = parent
self.initUI()
def initUI(self):
self.window.title("Toolbar")
self.window.geometry("250x150")
self.buatToolBar()
self.konfigurasiToolbardanMenuBar()
def buatToolBar(self):
self.toolbar = Frame(self.window, bd=1, relief=RAISED)
exitButton = Button(self.toolbar, text="exit", relief=FLAT,command=self.quit)
exitButton.pack(side=LEFT, padx=2, pady=2)
def konfigurasiToolbardanMenuBar(self):
self.toolbar.pack(side=TOP, fill=X)
self.pack()
def onExit(self):
self.quit()
if __name__ == '__main__':
root = Tk()
app = membuatToolbar(root)
root.mainloop()
Nah itu dia temen - temen code programnya.. Cukup pendek juga ya.. Ya karena saya hanya membuat satu buah toolbar saja ya.. Yaitu toolbar exit. Tentu saja akan semakin panjang jika kalian menambahkan beberapa toolbar lagi. Oya.. Kira - kira seperti apa ya hasil GUI dari code program di atas.. Terus, bagus tidak ya.. Yuk mari silahkan di simak hasil running nya pada gambar di bawah ini ya...
Nah itu dia temen - temen tampilannya.. Cukup sederhana ya.. Oya mohon maaf ya saya tidak bisa menyertakan gambar pada toolbarnya.. Saya hanya menampilkan teks saja ya disana.. Karena saya mencoba untuk memberikan gambar tapi malah error terus.. Jadi mohon maaf bgt ya temen - temen..
Cara menggabungkan menubar dan toolbar di tkinter Python 3.
Seperti yang sudah saya katakan tadi ya.. Pada umumnya, toolbar ini berada dibawah menubar ya.. Jadi, saya akan mencoba untuk menggabungkannya ya.. Biar kalian juga tau caranya.. Hehe ya walaupun caranya sangat simple dan mudah bgt ya.. Karena, kita hanya perlum menambahkan sebuah menubar seperti biasa saja ya.. Nah untuk lebih jelasnya, yuk mari silahkan di simak sama - sama code program nya di bawah ini ya...from tkinter import Tk, Frame, Menu, Button, LEFT, TOP, X, FLAT, RAISED
class membuatToolbar(Frame):
def __init__(self, parent):
Frame.__init__(self, parent)
self.window = parent
self.initUI()
def initUI(self):
self.window.title("Toolbar")
self.window.geometry("250x150")
self.buatMenuBar()
self.buatToolBar()
self.konfigurasiToolbardanMenuBar()
def buatMenuBar(self):
self.menubar = Menu(self.window)
self.fileMenu = Menu(self.window, tearoff=0)
self.fileMenu.add_command(label="Exit", command=self.onExit)
self.menubar.add_cascade(label="File", menu=self.fileMenu)
def buatToolBar(self):
self.toolbar = Frame(self.window, bd=1, relief=RAISED)
exitButton = Button(self.toolbar, text="exit", relief=FLAT,command=self.quit)
exitButton.pack(side=LEFT, padx=2, pady=2)
def konfigurasiToolbardanMenuBar(self):
self.toolbar.pack(side=TOP, fill=X)
self.window.config(menu=self.menubar)
self.pack()
def onExit(self):
self.quit()
if __name__ == '__main__':
root = Tk()
app = membuatToolbar(root)
root.mainloop()
nah itu dia temen - temen code programnya ya.. Tidak jauh berbeda dengan code program sebelumnya.. Saya hanya menambahkan beberapa code program saja ya.. Untuk mengetahuinya apa saja perubahannya, kalian bisa simak sendiri dan bandingkan sendiri ya.. Dari kedua code program di atas.. Silahkan dibandingkan.. Hehe.. Oya.. Lalu seperti apa ya hasil run atau hasi tampilan yang akan di hasilkan dari code program di atas ? Yuk langsung saja kita simak sama - sama hasilnya pada gambar yang ada di bawah ini...
Nah itu dia temen - temen hasilnya.. Bisa kita lihat ya pada gambar di atas.. Terdapat “exit” yang merupakan toolbar dan “file” yang merupakan sebuah Menubar. Gimana ? Sudah jelas ya temen - temen.. Ya saya rasa sudah cukup jelas ya..
Penjelasan code program untuk menambahkan toolbar dan menubar pada tkinter Python 3.
Nah setelah kita tau cara untuk membuat toolbarnya, sekarang saya akan mencoba untuk mengajak kalian untuk melihat penjelasan dari code programnya.. Atau bisa juga kita katakan sebagai dokumentasi dari program di atas.. Hehe gaya ya.. Ya tentu hal ini saya lakukan agar kalian bisa lebih memahami code program yang sudah saya bagika di atas tadi.. Dan tentu saja saua akan menjelaskannya tiap code program untuk memaksimalkan pemahaman kalian nantinya.. Nah seperti apa ya kira - kira code programnya ? Yuk silahkan di simak sama - sama penjelasan saya di bawah ini..
from tkinter import Tk, Frame, Menu, Button, LEFT, TOP, X, FLAT, RAISED //code ini digunakan untuk mengimport elemen - elemen yang di perlukan oleh program ini. Dan mengimportnya tentu saja dari modul “Tkinter”.
class membuatToolbar(Frame): //code ini digunakan untuk membuat sebuah class dengan nama “membuatToolbar” yang akan digunakan untuk menampung semua code program untuk membuat toolbar serta windownya.
def __init__(self, parent): //code ini digunakan untuk membuat sebuah construktor yang membutuhkan sebah parameter.
Frame.__init__(self, parent) //code ini digunakan untuk menjadikan class ini menjadi sebuah GUI.
self.window = parent //code ini digunakan untuk mengoper nilai yang ada di variabel “parent” ke dalam variabel “window”.
self.initUI() //code ini digunakan untuk memanggil sebuah metode dengan nama “initUI”
def initUI(self): //code ini digunakan untuk menampung semua code program untuk membuat elemen window nya.
self.window.title("Toolbar") //code ini digunakan untuk mengubah judul dari window nya.
self.window.geometry("250x150") //code ini digunakan untuk mengubah ukuran window yang akan kita tampilkan nantinya.
self.buatMenuBar() //code ini digunakan untuk memanggil sebuah metode dengan nama “buatMenuBar”.
self.buatToolBar() //code ini digunakan untuk memanggil sebuah metode dengan nama “buatToolBar”.
self.konfigurasiToolbardanMenuBar() //code ini digunakan untuk memanggil sebuah metode dengan nama “konfigurasToolbadanMenuBar”.
def buatMenuBar(self): //code ini digunakan untuk menampung semua code program untuk membuat elemen menubar nya.
self.menubar = Menu(self.window) //code ini digunakan untuk memanggil sebuah fungsi menubar pada tkinter. Yang kemudian di tampung kedalam variabel “menubar”
self.fileMenu = Menu(self.window, tearoff=0) //code ini digunakan untuk membuat sebuah menu baru.
self.fileMenu.add_command(label="Exit", command=self.onExit) //code ini digunakan untuk membuat sub menu “exit” pada menubar.
self.menubar.add_cascade(label="File", menu=self.fileMenu) //code ini digunakan untuk membuat menu “file” nya.
def buatToolBar(self): //code ini digunakan untuk menampung semua code program untuk membuat elemen toolbar nya.
self.toolbar = Frame(self.window, bd=1, relief=RAISED) //code ini digunakan untuk membuat sebuah toolbar.
exitButton = Button(self.toolbar, text="exit", relief=FLAT,command=self.quit) //code ini digunakan untuk membuat tollbar exit yang kemudian di beri teks dan perintah ketika di klik.
exitButton.pack(side=LEFT, padx=2, pady=2) //code ini digunakan untuk mengatur layout toolbarnya.
def konfigurasiToolbardanMenuBar(self): //code ini digunakan untuk menampung semua code program untuk mengkonfigurasikan menubar dan meletakkan toolbar pada window nya.
self.toolbar.pack(side=TOP, fill=X) //code ini digunakan untuk memasukkan toolbar nya ke dalam window dengan posisi di atas.
self.window.config(menu=self.menubar) //code ini digunakan untuk mengkonfigurasikan menubar dengan windownya.
self.pack() //code ini digunakan untuk membuat layout nya menjadi “pack Layout”.
def onExit(self): //code ini digunakan untuk menampung semua code program untuk menampung kode program untuk close window yang menjadi perintah dari toolbar exitnya tadi.
self.quit() //code ini digunakan untuk mengclose windownya.
if __name__ == '__main__': //code ini digunakan untuk menanyakan apakah file python ini dipanggil atau tidak.
root = Tk() //code ini digunakan untuk memanggil sebuah “Tk” dan kemudian menampungnya ke dalam variabel root.
app = membuatToolbar(root) //code ini digunakan untuk memanggil sebuah class dengan nama “membuatToolbar” dan memasukkan “root” sebagi sebuah parameter.
root.mainloop() //code ini digunakan agar window yang kita panggil tidak langsung close secara otomatis.
Nah itu dia temen - temen penjelasan saya mengenai code program yang sudah saya bagikan sebelumnya.. Gimana ? Sudah cukup jelas kan temen - temen... Ya saya harap seperti itu ya.. Hehe.. Nah jika ada yang kurang di pahami, kalian bisa membacanya lagi secara perlahan... Namun, jika ada penjelasan yang kurang jelas atau ada yang ingin kalian tanyakan, kalian bisa menggunakan kolom komentar di bawah ini untuk bertanya... Insyaallah saya akan menjawab nya secepat yang saya bisa...
Oke sekian dulu ya temen - temen postingan saya kali ini.. Semoga apa yang sudah saya sajikan di atas dapat menambah pengetahuan dan ilmu baru bagi kalian.. Dan terimakasih ya sudah berkunjung dan membaca postingan saya kali ini.. Dan mohon maaf ya atas kekurangan ataupun ketidak jelasan yang ada di blog ini maupun pada postingan kali ini.. Jika kalian berkenan untuk menyampaikan kritik dan saran, kalian bisa menyampaikannya pada laman hubungi kami yang ada di blog ini ya...
Dan jangan lupa share ke temen kalian ya.. Hehe oke teriamakasi banyak ya dan sampai disini dulu.. Sampai jumpa di postingan saya yang lainnya ya temen - teme.. Oke terimakasi...
Wassalamualaikum wr. wb.
ConversionConversion EmoticonEmoticon