Python menawarkan beberapa opsi untuk mengembangkan GUI (Graphical User Interface). Dari semua metode GUI, tkinter adalah metode yang paling umum digunakan.
Tkinter adalah adalah salah satu Toolkit yang ada pada bahasa program Phyton. Phyton dengan tkinter adalah kombinasi yang tepat jika kamu ingin membuat GUI dengan cepat dan mudah.
Baca Juga : Contoh User Interface Berbasis GUI
Untuk memuat Toolkit tkinter kamu perlu :
- Mengimport Module tkinter
- Membuat Main Window (Container)
- Menambahkan beberapa widget ke window
- Terapkan Event Trigger pada widget
Ada 2 metode utama yang user harus tau jika ingin membangun GUI dengan aplikasi Phyton.
1. Tk(screenName=None, baseName=None, className=’Tk’, useTk=1) : Untuk mengubah nama window, kamu dapat mengubah className sesuai yang diinginkan. Kode dasar yang digunakan untuk membuat window utama aplikasi adalah :
m=tkinter.Tk() dimana m merupakan nama window yang diinginkan
2. Mainloop () : Mainloop ()digunakan ketika aplikasi kamu siap dijalankan. mainloop () adalah loop tak terbatas yang digunakan untuk menjalankan aplikasi, tunggu sampai suatu peristiwa terjadi dan proseskan peristiwa selama jendela tidak ditutup.
![kursus website terbaik](https://www.techfor.id/wp-content/uploads/2020/06/WhatsApp-Image-2020-06-25-at-13.56.14-2-1024x127.jpeg)
m.mainloop()
![](https://www.techfor.id/wp-content/uploads/2020/01/o1.png)
tkinter juga menawarkan akses ke konfigurasi geometrik widget yang dapat mengatur widget di parent window. Ada tiga class utama dalam Geometri Class manager :
- method pack (): mengatur widget di blok sebelum menempatkan di parent widget.
- method grid (): mengatur widget di grid (struktur seperti tabel) sebelum menempatkan di parent widget.
- method place (): mengatur widget dengan menempatkannya pada posisi tertentu yang diarahkan oleh programmer.
![](https://www.techfor.id/wp-content/uploads/2020/06/web-1.jpeg)
Baca Juga :
- 10 Tools Terbaik untuk Membangun Desain UI!
- 9 Tips Rahasia Merancang User Experience (UX) yang Inovatif
Ada beberapa widget yang dapat kamu masukkan ke dalam aplikasi tkinter kamu, antara lain :
1. Button
Untuk menambahkan Button pada widget kamu, kamu bisa menggunakan syntax seperti berikut :
w=Button(master, option=value)
master adalah parameter yang digunakan untuk merepresentasikan parent window nya
Ada sejumlah opsi yang digunakan untuk mengubah format Button. Jumlah opsi dapat diteruskan sebagai parameter yang dipisahkan oleh koma.
- Activebackground : untuk mengatur warna background saat button berada dibawah kursor
- Forebackground : untuk mengatur warna foreground saat button berada
Dibawah kursor
- Bg : untuk mengatur warna background normal
- Command : untuk memanggil function
- Font : untuk mengatur font pada label button
- Image : untuk menambahkan gambar pada button
- Width : mengatur lebar button
- Height : mengatur tinggi button
![](https://www.techfor.id/wp-content/uploads/2020/01/o2.png)
Output :
![](https://www.techfor.id/wp-content/uploads/2020/01/o3.png)
2. Canvas
Canvas digunakan untuk membuat gambar dan tata letak kompleks lainnya seperti grafik, teks dan widget. Syntax ialah seperti berikut :
w = Canvas(master, option=value)
master is the parameter used to represent the parent window.
Contoh coding :
![](https://www.techfor.id/wp-content/uploads/2020/01/o4.png)
- bd: untuk mengatur lebar border dalam piksel.
- bg: untuk mengatur warna latar belakang normal.
- Cursor : untuk mengatur kursor yang digunakan di kanvas.
- Highlightcolor : untuk mengatur warna yang ditunjukkan dalam sorotan fokus.
- Width : untuk mengatur lebar widget.
- Height : untuk mengatur tinggi widget.
Baca Juga : 5 Proses UX Research Populer digunakan Desainer
Output :
![](https://www.techfor.id/wp-content/uploads/2020/01/o5.png)
3. CheckButton
Untuk memilih sejumlah opsi dengan menampilkan sejumlah opsi kepada pengguna dalam bentuk toggle button. Sintaks umumnya adalah:
w = CheckButton(master, option=value)
Contoh Coding :
![](https://www.techfor.id/wp-content/uploads/2020/01/o6.png)
- Title : untuk menentukan judul widget
- Activebackground : untuk mengatur warna background saat button berada dibawah kursor
- Forebackground : untuk mengatur warna foreground saat button berada
Dibawah kursor
- bd: untuk mengatur lebar border dalam piksel.
Output :
![](https://www.techfor.id/wp-content/uploads/2020/01/o7.png)
4. Frame
Berperan sebagai wadah atau container untuk widget. Frame juga digunakan untuk grouping dan organizing widget. Sintak umumnya adalah :
Contoh coding :
![](https://www.techfor.id/wp-content/uploads/2020/01/o8.png)
Output :
![](https://www.techfor.id/wp-content/uploads/2020/01/o8-1.png)
5. Listbox
Menampilkan sejumlah daftar atau list yang bisa user pilih dalam window.
Contoh coding :
![](https://www.techfor.id/wp-content/uploads/2020/01/o9.png)
Output :
![](https://www.techfor.id/wp-content/uploads/2020/01/o10.png)
6. Menu
Digunakan untuk membuat berbagai menu yang biasa digunakan pada program dan aplikasi.
Baca Juga :
- Kelebihan Sistem Operasi (OS) Berbasis Graphic User Interface (GUI)
- CLI VS GUI : Mana yang Lebih Baik Menurutmu ?
Contoh :
![](https://www.techfor.id/wp-content/uploads/2020/01/o11.png)
Output :
![](https://www.techfor.id/wp-content/uploads/2020/01/012.png)
7. RadioButton
Menawarkan opsi layaknya pilihan ganda yang bisa user pilih salah satunya.
Contoh :
![](https://www.techfor.id/wp-content/uploads/2020/01/o13.png)
Output :
![](https://www.techfor.id/wp-content/uploads/2020/01/o14.png)
8. Scale
Digunakan untuk membuat Slider grafis seperti yang ada pada pengaturan volume di OS windows.
Contoh :
![](https://www.techfor.id/wp-content/uploads/2020/01/o15.png)
Output :
![](https://www.techfor.id/wp-content/uploads/2020/01/o17-1.png)
9. Scrollbar
Scrollbar mengacu pada slide controller yang digunakan untuk scrolling keatas maupun kebawah pada isi konten di widget.
Contoh :
![](https://www.techfor.id/wp-content/uploads/2020/01/o17.png)
Output :
![](https://www.techfor.id/wp-content/uploads/2020/01/o18.png)
10. Spinbox
Ini adalah entri dari widget ‘Entri’. Di sini, nilai dapat dimasukkan dengan memilih nilai yang diinginkan.
Contoh :
![](https://www.techfor.id/wp-content/uploads/2020/01/o20.png)
Output :
![](https://www.techfor.id/wp-content/uploads/2020/01/o21.png)
Berikutnya Baca : Macam-Macam GUI pada Berbagai Aplikasi & Sistem Operasi
Sumber : geeksforgeeks.com
Baru tau caranya?