logikapython - Pada artikel sebelumnya saya sudah membahas tentang cara membuat layout aplikasi GUI di Python. Dan kesempatan kali ini saya akan membahas bagaimana Cara Membuat Toolbar dengan Tkinter Python. Tapi, sebelum saya mulai, apakah kalian tau apa itu toolbar?
Biasanya dalam suatu aplikasi toolbar adalah suatu atau kumpulan tombol yang digunakan sebagai ‘jalan pintas’ untuk mengerjakan proses tertentu. Selain itu, dalam suatu aplikasi biasanya terdapat beberapa fitur yang sering digunakan oleh user, dan fitur tersebut biasanya disimpan dalam section toolbar.
Dalam modul Tkinter, toolbar bukanlah widget. Akan tetapi, toolbar adalah kumpulan dari beberapa widget seperti button, entry, dll.
Untuk lebih jelasnya, seperti apa toolbar itu lihat gambar dibawah ini.
Oke, sekarang kita akan langsung praktekan bagaimana cara membuat toolbar dengan Tkinter Python.
Langkah pertama silahkan kalian buka aplikasi kode editor kalian masing-masing (disini saya menggunakan PyCharm).
Lalu silahkan kalian buat project baru dengan nama terserah kalian, dan didalam project tersebut buat file python baru dengan nama terserah kalian juga.
Dan didalam project tersebut terdapat beberapa icon, yaitu icon cut, copy dan print karena disini saya akan membuat tombol yang ada icon nya (tapi untuk icon nya terserah kalian mau menggunakan icon apa), serta untuk ukuran icon nya terserah kalian tapi disini saya menggunakan ukuran 24px X 24 px (dan untuk ukuran terserah kalian juga).
Dan karena toolbar biasanya terdapat dibawah menubar, jadi saya akan membuat menubar terlebih dahulu baru setelah itu saya membuat toolbar. Untuk kode menubar nya seperti dibawah ini.
root = Tk()
root.geometry("500x250")
# Menu Bar
menu_widget = Menu(root)
menu_widget.add_command(label="File")
menu_widget.add_command(label="Edit")
menu_widget.add_command(label="View")
root.config(menu=menu_widget)
root.mainloop()
Lalu untuk kode toolbar nya seperti dibawah ini.
# Toolbar
# Membuat Frame dengan background light gray,
# posisi frame berada di TOP / ATAS,
# serta dengan atribut fill=X maka lebar Frame akan menyesuaikan dengan lebar window.
toolbarFrame = Frame(root, bg="#ccc")
toolbarFrame.pack(side=TOP, fill=X)
# Membuat tombol CUT
cutImage = PhotoImage(file="scissors.png")
cutButton = Button(toolbarFrame, text="Cut", image= cutImage, compound=TOP, bd=0, bg="#ccc", fg="blue")
cutButton.grid(row=0, column=0, padx=2, pady=2)
# Membuat tombol COPY
copyImage = PhotoImage(file="copy.png")
copyButton = Button(toolbarFrame, text="Copy", image= copyImage, compound=TOP, bd=0, bg="#ccc", fg="blue")
copyButton.grid(row=0, column=0, padx=2, pady=2)
# Membuat tombol PRINT
printImage = PhotoImage(file="printer.png")
printButton = Button(toolbarFrame, text="Print", image= printImage, compound=TOP, bd=0, bg="#ccc", fg="blue")
printButton.grid(row=0, column=0, padx=2, pady=2)
Tempatkan kode diatas tepat diatas kode root.mainloop() sehingga menjadi seperti berikut.
from tkinter import *
root = Tk()
root.geometry("500x250")
# Menu Bar
menu_widget = Menu(root)
menu_widget.add_command(label="File")
menu_widget.add_command(label="Edit")
menu_widget.add_command(label="View")
root.config(menu=menu_widget)
# Toolbar
# Membuat Frame dengan background light gray,
# posisi frame berada di TOP / ATAS,
# serta dengan atribut fill=X lebar Frame menjadi menyesuaikan dengan lebar window.
toolbarFrame = Frame(root, bg="#ccc")
toolbarFrame.pack(side=TOP, fill=X)
# Membuat tombol CUT
cutImage = PhotoImage(file="scissors.png")
cutButton = Button(toolbarFrame, text="Cut", image= cutImage, compound=TOP, bd=0, bg="#ccc", fg="blue")
cutButton.pack(side=LEFT, padx=2, pady=2)
# Membuat tombol COPY
copyImage = PhotoImage(file="copy.png")
copyButton = Button(toolbarFrame, text="Copy", image= copyImage, compound=TOP, bd=0, bg="#ccc", fg="blue")
copyButton.pack(side=LEFT, padx=2, pady=2)
# Membuat tombol PRINT
printImage = PhotoImage(file="printer.png")
printButton = Button(toolbarFrame, text="Print", image= printImage, compound=TOP, bd=0, bg="#ccc", fg="blue")
printButton.pack(side=LEFT, padx=2, pady=2)
root.mainloop()
Perlu kalian ketahui didalam object button terdapat atribut bg dan fg. bg untuk mengatur warna background dan fg untuk mengatur warna font. Jadi, silahkan sesuaikan warnanya sesuai dengan yang kalian inginkan.
Setelah selesai silahkan kalian RUN dan hasilnya akan seperti berikut.
Jadi seperti itulah bagaimana Cara Membuat Toolbar di Python Dengan Tkinter. Semoga bermanfaat.