01 May 2021

Beberapa Contoh Penerapan Kolom Input Dan Label Dengan Output Yang Dikendalikan Tombol Dibuat Dengan Tkinter Pada Python – Part 3

www.niguru.com Niguru.com | Sabtu, 1 Mei 2021 | Pada posting sebelumnya Niguru.com sudah menjelaskan mengenai cara pembuatan tampilan GUI dengan menggunakan bahasa pemrograman Python.

Pada posting kali ini Niguru.com akan melanjutkan pembahasan dengan cara untuk mengatur posisi teks pada kolom input agar selalu berada di tengah, dan sebagai contoh Niguru.com akan membuat aplikasi untuk menghitung hasil perkalian.

Niguru.com akan mulai dengan membuat 2 buah kolom input:

input01=Entry();input01.place(x=10,y=10,width=50)
input02=Entry();input02.place(x=90,y=10,width=50)

www.niguru.com

Hasilnya bila ditampilkan pada form menjadi seperti ini:

www.niguru.com

 
Untuk membuat form di atas lebih jelas sebagai aplikasi perkalian maka Niguru.com menambahkan tanda "X" diantara kedua kolom input, dengan menyelipkan script:

label01=Label(layar,text="X");label01.place(x=70,y=10)


www.niguru.com

Hasilnya bila ditampilkan pada form menjadi seperti ini:

www.niguru.com

Bila diketikkan angka pada kedua kolom input:

www.niguru.com

 
Tambahkan sintaks berikut ini untuk membuat angka yang diketikkan tampil ditengah kolom (center):

nama_kolom["justify"]="center"

Berikut ini contoh untuk mengatur 2 kolom input sekaligus:

input01["justify"]="center";input02["justify"]="center"

Sehingga baris-baris instruksinya setelah penambahan tersebut menjadi:


www.niguru.com

Hasilnya bila ditampilkan pada form, dan angka-angka diketikkan pada kedua kolom input akan menjadi seperti ini:

www.niguru.com

 
Tambahkan 2 buah tombol dan sebuah label. Tombol pertama untuk mengalikan dan mencetak hasil kali, tombol kedua untuk menghapus data pada kolom input dan label yang menampilkan hasil perkalian:

tombol01=Button(text="Kalikan")
tombol01.place(x=50,y=40)
tombol02=Button(text="X")
tombol02.place(x=105,y=40)

label02=Label(layar,font=("Tahoma",20,"bold"))
label02.place(y=70)

Sehingga baris-baris instruksinya setelah penambahan tersebut menjadi:


www.niguru.com

Hasilnya bila ditampilkan pada form menjadi seperti ini:

www.niguru.com

 
Buat 2 buah function, satu function untuk perkalian dan 1 function lainnya untuk menghapus data pada kolom input dan label yang menampilkan hasil perkalian:

def hapusteks():
 global input01,input02
 input01=Entry();input01.place(x=10,y=10,width=50)
 input02=Entry();input02.place(x=90,y=10,width=50)
 input01["justify"]="center";input02["justify"]="center"
 input01["text"]="";input02["text"]="";label02["text"]=""

def cetakteks():  
 a=float(input01.get())
 b=float(input02.get())
 label02["text"]=a*b


www.niguru.com

 
Berikut ini script selengkapnya dari program perkalian:

#---------------------------------------------------
def hapusteks():
 global input01,input02
 input01=Entry();input01.place(x=10,y=10,width=50)
 input02=Entry();input02.place(x=90,y=10,width=50)
 input01["justify"]="center";input02["justify"]="center"
 input01["text"]="";input02["text"]="";label02["text"]=""

def cetakteks():  
 a=float(input01.get())
 b=float(input02.get())
 label02["text"]=a*b 
#---------------------------------------------------
from Tkinter import *
layar=Tk()
layar.title("PERKALIAN")
layar.geometry("200x120")

input01=Entry();input01.place(x=10,y=10,width=50)
label01=Label(layar,text="X");label01.place(x=70,y=10)
input02=Entry();input02.place(x=90,y=10,width=50)
input01["justify"]="center";input02["justify"]="center"

tombol01=Button(text="Kalikan",command=cetakteks)
tombol01.place(x=50,y=40)
tombol02=Button(text="X",command=hapusteks)
tombol02.place(x=105,y=40)

label02=Label(layar,font=("Tahoma",20,"bold"))
label02.place(y=70)

layar.mainloop()


www.niguru.com

 
Note:
Perhatikan bahwa tombol01 memiliki command=cetakteks, dan tombol02 memiliki command=hapusteks. Berarti kedua tombol sudah terkoneksi dengan function yang sesuai.

Simpan dengan nama inputgui04.py (boleh disimpan dengan nama lain):


www.niguru.com

Hasilnya bila ditampilkan pada form menjadi seperti ini:

www.niguru.com

Setelah kedua kolom diisi angka dan tombol "Kalikan" telah ditekan:

www.niguru.com

Setelah tombol "X" ditekan form akan tampil seperti saat baru dibuka:

www.niguru.com

Demikianlah contoh aplikasi GUI yang dibuat dengan Tkinter.
Semoga penjelasan pada posting kali ini dapat menambah wawasan dan pengetahuan bagi teman-teman pembaca sekalian.

Selamat beraktivitas .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

No comments:

Post a Comment