Layout pada Tkinter - suka code

 Sebelum membuat game atau program lainnya dengan tkinter pada python, kita pelajari dulu langkah - langkah nya. Layout pada tkinter juga penting dalam pembuatan program dengan python.

Berikut layout - layout pada tkinter :

1. Pack Layout

     Layout ini mudah digunakan, karena termasuk sederhana. Berikut contoh penulisan kodenya :

from tkinter import *
contoh = Tk()
Label(contoh, text="suka code", bg="yellow", fg="blue").pack()
Label(contoh, text="suka code", bg="red", fg="green").pack()
Label(contoh, text="suka code", bg="black", fg="red").pack()
mainloop()

Berikut penjelasan nya :

text  =  text yang akan dihasilkan pada program tkinter nya

bg    =  warna background dari text nya

fg    =  warna text nya

Maka, haasil dari outputnya adalah :

2. Grid Layout

     Grid layout bisa disamakan seperti tabel. Layout jenis ini memiliki garis dan kolom layaknya seperti tabel. Contoh penulisan kode nya seperti dibawah ini :

from tkinter import *

warna = ['yellow','blue','green','red','black']

r = 0
for c in warna:
    Label(text=c, relief=RIDGE,width=15).grid(row=r,column=0)
    Entry(bg=c, relief=SUNKEN,width=10).grid(row=r,column=1)
    r = r + 1
    
mainloop()

Output yang dihasilkan adalah seperti di bawah ini :

3. Place Management layout

     Layout ini menggunakan titik koordinat untuk meletakkan sebuah layout. Layout ini juga memberikan kontrol penuh terhadap penempatan widget nya. Berikut contoh penulisan kodenya :

from tkinter import *

Label(text='merah', relief=RIDGE,width=15, bg = 'red').place(x=20, y=30)
Label(text='hijau', relief=RIDGE,width=15, bg = 'green').place(x=30, y=50)
Label(text='oranye', relief=RIDGE,width=15, bg = 'orange').place(x=40, y=70)
Label(text='biru', relief=RIDGE,width=15, bg = 'blue').place(x=30, y=90)
Label(text='kuning', relief=RIDGE,width=15, bg = 'yellow').place(x=20, y=110)
    
mainloop()

Berikut hasil outputnya :

Bagikan Artikel ini