Inilah Langkah Pertama Belajar Tkinter

Pada bagian ini, kita akan belajar tentang Tkinter untuk membuat sebuah aplikasi berbasis GUI (Graphical User Interface) di Python.

Demo of Tkinter

Tkinter adalah pustaka standart yang dimiliki oleh Python. Kombinasi Python dan Tkinter ini menghasilkan sebuah tampilan grafik yang menarik sekaligus mudah untuk membuatnya.Tkinter menyediakan berbagai komponen grafis diantaranya tombol, label, kotak teks, yang mana komponen-komponen ini sangatlah sering digunakan dalam aplikasi GUI. Komponen Tkinter ini sering kita sebut widget.

Berikut langkah-langkah sederhana untuk membuat aplikasi GUI berbasis Tkinter di Python:

  1. Memanggil modul Tkinter.
  2. Membuat jendela aplikasi GUI.
  3. Menambahkan komponen pada aplikasi.
  4. Menuliskan kode mainloop.

Memanggil Modul Tkinter

Modul Tkinter berisi berbagai kelas dan komponen yang diperlukan untuk membangun sebuah aplikasi GUI. Untuk menggunakan komponen Tkinter, kita harus memanggilnya terlebih dahulu. Contoh di bawah ini akan menunjukkan bagaimana kita memanggil modul Tkinter.

import Tkinter

Kita juga bisa memanggil semua metode, kelas, dan atribut dari modul Tkinter dengan menggunakan cara seperti di bawah ini.

from Tkinter import *

Membuat Jendela Aplikasi GUI

Setiap aplikasi GUI seharusnya memiliki sebuah jendela utama (root window), yang dapat berisi berbagai komponen yang diperlukan dalam aplikasi yang akan dibuat. Untuk membuat jendela utama dari suatu aplikasi, kita menggunakan pernyataan seperti berikut:

top = Tkinter.Tk()

Jika kita menggunakan pernyataan from-import untuk memanggil modul Tkinter, maka kita cukup menuliskan:

top = Tk()

Menambahkan Komponen Pada Aplikasi

Dengan menggunakan Tkinter, kita dapat menambahkan beberapa komponen pada aplikasi yang kita buat. Komponen ini bisa berdiri sendiri atau dapat diisi komponen lain (disebut Container). Komponen yang berdiri sendiri merupakan komponen yang tidak dapat diisi oleh komponen lain, misalkan tombol, cekbox, dan label. Komponen container merupakan komponen yang bisa berisi/ditempeli oleh komponen lain seperti frame dan window.

Komponen-komponen Tkinter
KOMPONEN DESKRIPSI
Button Komponen Button berfungsi untuk menampilkan sebuah tombol.
Canvas Komponen Canvas digunakan untuk menggambar bentuk seperti garis, lingkaran, poligon, dan kotak.
Checkbutton Komponen Checkbutton berfungsi menampilkan sejumlah pilihan yang ditandai dengan tanda ‘centang’. Pengguna aplikasi dapat memilih lebih dari satu pilihan.
Entry Komponen Entry berfungsi menampilkan kotak teks satu-baris untuk menerima masukan dari pengguna.
Frame Komponen Frame berfungsi sebagai kontainer bagi komponen lain.
Label Komponen Label berfungsi memberikan keterangan untuk komponen lain. Komponen ini juga dapat diisi gambar.
Listbox Komponen Listbox berfungsi menyediakan daftar pilihan untuk pengguna.
Menubutton Komponen Menubutton berfungsi menampilkan menu.
Menu Komponen Menu berfungsi memberikan berbagai perintah kepada pengguna. Perintah-perintah ini juga tercantum dalam Menubutton.
Message Komponen Message berfungsi menampilkan teks yang terdiri dari sejumlah baris untuk menerima beberapa nilai dari pengguna.
Radiobutton Komponen Radiobutton berfungsi menampilkan sejumlah pilihan dalam bentuk tombol radio.
Scale Komponen Scale berfungsi menampilkan skala geser.
Scrollbar Komponen Scrollbar berguna untuk menambahkan fungsi geser (scroll) pada beberapa komponen, seperti komponen Listbox.
Text Komponen Text berfungsi menampilkan teks dalam multi baris.
Toplevel Komponen Toplevel digunakan untuk membuat sebuah kontainer window yang terpisah.

Menambahkan Kode mainLoop

Setelah kita mendesain sebuah aplikasi, tentu saja dengan menambahkan beberapa komponen di dalamnya, kita perlu mengeksekusi program tersebut. Ketika sebuah program kita eksekusi, maka program tersebut akan mengalami perputaran tak berhingga (infinite loop). Kode untuk memasukkan program kita dalam kondisi perputaran ini yaitu

Tkinter.mainloop()

Jika kita menggunakan from-import untuk mengambil semua fungsi pada Tkinter, kita cukup menuliskan

root.mainloop()

dengan root pada kode di atas mengacu pada window utama (toplevel). Berikut ini merupakan sebuah listing program untuk menampilkan sebuah window.

# file: winTk.py

import Tkinter

root = Tkinter.Tk()

# Kode untuk menambahkan komponen

root.mainloop()

Kita juga bisa menuliskan kode di atas seperti ini,

# file: winTk1.py

from Tkinter import *

root = Tk()

# Kode untuk menambahkan komponen

root.mainloop()

Tampilan yang dihasilkan dari program di atas seperti berikut ini,

14 comments

  1. weh makasih dah di bales🙂
    ternyata beda huruf besar kecil di Tkinter nya berpengaruh ya
    bisa sambil chat gak ya hehehe, biar enak ngobrolnya, lagi belajar python trus nemu blog ini ilmunya gak pelit bagi2 nya, jadi nambah semngat mau beljar python
    mohon bimbingannya

  2. hehehe iya nge run tkinter pake huruf gede ya..
    maklum lagi belajar
    lebih enak bisa chat nie hehehe biar lebih cepet beljar nya

  3. admin klinik python punya ym or fb biar bisa interaksi langsung hehehe
    biar bisa cepet belajarnya

    1. salam kenal dari kami untuk mas @haris

      untuk menjalankan python di wondows sangatlah mudah, ada dua cara:

      1. Menggunakan IDLE (IDE bawaan Python), kita cukup menekan tombol F5 atau pilih menu Run|Run Module. Untuk melakukan cara ini, kita harus masuk mode teks (dari Python Shell, pilih menu File|New) atau buka file .py yang kita miliki.
      2. Menggunakan CommandPrompt (DOS). Pertama setting dulu path Python, biasanya “C:\Python32”. Kemudian pada mode DOS kita ketikkan C:\python namafile.py …

      Semoga bermanfaat…Salam Pythonmania!

  4. salam admin…jujur saya bingung banget sam python ini, buat aktifin tkinter di windows gimana sih? admin tolong dong buatin step by step cara buka tkinter buat pemula seperti saya ini. terima kasih

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s