28 April 2021

Membuat Kolom Input Dan Tombol Secara GUI Pada Python

www.niguru.comNiguru.com | Rabu, 28 Apr 2021 | Pada beberapa posting sebelumnya Niguru.com sudah memperkenalkan module Tkinter yang dapat digunakan untuk membuat tampilan GUI.

Maka pada posting kali ini Niguru.com akan melanjutkan pembahasan mengenai cara pembuatan kolom input dan tombol yang ditempatkan pada form yang dibuat dengan bantuan module Tkinter.

Dengan adanya kolom input GUI, user dapat mengisikan input pada form GUI yang lebih nyaman untuk digunakan.

Sintaks untuk pembuatan kolom input:

variabel=Entry()   
variabel.place(x=lokasiX,y=lokasiY)

Contoh:

input01=Entry()   
input01.place(x=10,y=10)

Pada form GUI akan tampil seperti ini:
 
www.niguru.com

 
Secara default lebar kolom input adalah 150px (note: px = pixel). 
Programmer yang ingin membuat kolom input dengan lebar kolom yang sudah ditentukan dapat menuliskan atribut .place dengan sintaks:

variabel.place(x=lokasiX,y=lokasiY,width=lebar)

Contoh:

input01=Entry()   
input01.place(x=10,y=10,width=80)

Pada form GUI akan tampil seperti ini (perhatikan lebar kolom yang berbeda dengan contoh pertama):


www.niguru.com

 
Selanjutnya Niguru.com akan menjelaskan mengenai cara membuat tombol. Sintaks untuk membuat tombol:

variabel=Button(text="teks_tombol",command=function)
variabel.place(x=lokasiX,y=lokasiY)

Contoh:

tombol01=Button(text="Tekan tombol",command=cetakteks)
tombol01.place(x=160,y=10)

Pada form GUI akan tampil seperti ini:

www.niguru.com

 
Berikut ini contoh kolom input dan tombol ditampilkan bersama:

input01=Entry()   
input01.place(x=10,y=10)
tombol01=Button(text="Tekan tombol",command=cetakteks)
tombol01.place(x=160,y=10)

Pada form GUI akan tampil seperti ini:


www.niguru.com

 
Sintaks untuk mengambil data yang diisikan pada kolom input adalah:

var2=var1.get()

Dimana:
var1 adalah variabel yang sama dengan variabel Entry, yang pada contoh di atas menggunakan nama input01.

var02 adalah variabel untuk menampung data yang diambil dari kolom input.

Contoh:

a=input01.get()
 
Berikut ini contoh pembuatan function yang berfungsi untuk mengambil data dari kolom input (disimpan pada variabel a) dan menampilkan isi data pada sebuah label (penjelasan cara pembuatan label sudah dijelaskan beberapa kali pada posting yang memperkenalkan GUI dan Tkinter):

def cetakteks():  
 a=input01.get()
 
 label01=Label(layar,text=a,font=("Tahoma",20,"bold"))
 label01.place(y=50)


www.niguru.com

 
Berikut ini contoh program bernama input gui01.py, yang menggunakan kolom input, tombol dan sebuah function untuk mengambil data dari kolom input dan menampilkan pada label:

#---------------------------------------------------
def cetakteks():  
 a=input01.get()
 
 label01=Label(layar,text=a,font=("Tahoma",20,"bold"))
 label01.place(y=50)
#---------------------------------------------------
from Tkinter import *
layar=Tk()
layar.title("INPUT SECARA GUI")
layar.geometry("400x100")

input01=Entry()   
input01.place(x=10,y=10)
tombol01=Button(text="Tekan tombol",command=cetakteks)
tombol01.place(x=160,y=10)

layar.mainloop()


www.niguru.com

Bila dijalankan /dieksekusi maka hasilnya:

www.niguru.com

Bila kolom diisi data (teks):

www.niguru.com

Dan bila tombol ditekan, maka function dengan nama “cetakteks” akan dijalankan /dieksekusi, hasilnya:

www.niguru.com

Demikianlah penjelasan mengenai cara membuat kolom secara GUI pada Python.
Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

No comments:

Post a Comment