Cara membuat scale di tkinter

Belajarpython - assalamualaikum wr. wb.

Jumpa lagi nih temen - temen.. Pada kesempatan kali ini, saya akan mencoba untuk mengajak kalin untuk belajar GUI python nih.. Tapi, sebelum kita melangkah lebih jauh lagi, saya ingin bertanya dulu.. Sudahkah kalian menginstall python ? Wah jangan- jangan belum install nih.. Tapi tenang dulu.. Saya sudah membuat tutorial instalasinya kok.. Jadi kalian tidak perlu kebingungan bagaimana cara untuk menginstall pythonnya.. Kalian bisa membaca postingan yang saya maksud tadi DISINI YA TEMEN - TEMEN....

Nah setelah kita menginstall pythonnya, yuk langsung saja kita lanjutkan potingan ini.. Jadi, pada postingan kali ini, saya akan mencoba untuk mengajak kalian untuk membuat sebuah slider atau scale.. Nah udah pada tau belum apa itu slider atau scale ini ? Nah jika belum, kalian akan menemukan cara membuat beserta apa yang di maksud dengan scale pada postingan saya yang satu ini.. So, jangan lewat kan ya... Yuk langsung saja kita mulai postingan saya kali ini.. Silahkan disimak ya temen - temen.. Let’s check it out guys...

Apa yang dimaksud dengan scale atau slider ?

Nah, sebelum kita melanjutkan tutorial kali ini kedalam proses pembutannya, saya akan mencoba untuk menjelaskan terlebih dahulu mengenai apa yang di maksud dengan scale atau slider. Jadi nanti kalian tidak bingung dengan apa yang akan kita hasilkan dari python nantinya. Yuk langsun saja di disimak apa yang di maksud dengan scale ini...

Jadi, scale ini  merupakan sebuah alat yang biasa digunakan untuk merubah volume dari suara... Sekarang, coba ubah volume suara laptop kalian.. Apa yang akan kalian lihat ? Sebuah alat yang bisa di geser bukan ? Nah itu dia yang saya maksud scale ini... Nah untuk lebih jelasnya, silahkan ci cek gambar di bawah ini ya...




Nah itu dia temen - temen yang saya maksud dari scale ini.. Gimana ? Udah jelaskan temen - temen ? Ya saya rasa sudah sangat jelas ya.. Oke siip...


Cara membuat scale pada python menggunakan tkinter.

Nah setelah kita tau apa yang akan kita buat kali ini, yaitu scale, maka sekarang saya akan mengajak kalian untuk melihat proses pembuatannya lebih tepatnya adalah code programnya ya.. Hehe.. Seperti apakah code program untuk membuat slide ini.. ? Panjang tidak ya ? Terus, susah tidak ya ? Nah langsung saja kita jawab pertanyaan - pertanyaan tersebut dengan melihat code program dibawah ini ya temen - temen..


from tkinter.ttk import Frame, Label, Scale
from tkinter import Tk, BOTH, IntVar, LEFT

class pembuatanScale(Frame):
    def __init__(self, parent):
        Frame.__init__(self, parent)
        self.window = parent

        self.initUI()
        self.membuatScale()
        self.membuatTeks()

    def initUI(self):
        self.window.title("Scale")
        self.window.geometry("250x100")

        self.pack(fill=BOTH, expand=1)

    def membuatScale(self):
        scale = Scale(self, from_=0, to=100, command=self.onScale)
        scale.pack(side=LEFT, padx=15)

    def membuatTeks(self):
        self.angka = IntVar()
        self.teks = Label(self, text=0, textvariable=self.angka)
        self.teks.pack(side=LEFT)

    def onScale(self, nilai):
        v = int(float(nilai))
        self.angka.set(v)

if __name__ == '__main__':
    root = Tk()
    ex = pembuatanScale(root)
    root.mainloop()


Nah itu dia temen - temen code programnya.. Wah cukup panjang juga ya... Hehe. Ya begitulah adanya temen - temen.. Lalu dari code program sepanjang itu, gimana ya tampilan yang akan di hasilkan ? Jangan kaget ya.. Heeh karena tampilnnya tidak akan mewah kok.. Yuk mari silahkan dilihat sama - sama hasilnya pada gambar di bawah ini... Let’s check it out...





Nah itu dia temen - temen hasilnya.. Cukup sederhana ya.. Kan sudah saya katakan tadi... Kalian bisa menggeser slidernya ya.. Dan saat di geser, angka “34” tersebut akan berubah loh sesuai dengan posisi slidernya... Nilainya antara 0 sampai dengan 100. Dan semakin kekanan, maka nilainya akan semakin besar. Nah gimana ? Jelas dong ? Ya saya yakin kalian bisa paham.. Hehe

Penjelasan code program untuk membuat sebuah di tkinter.

Nah, setelah kita memhami apa yang di maksud dengan scale, serta sudah tau bagaimana cara untuk membuatnya, maka sekarangm saya akan mencoba untuk menjelaskan code program yang sudah saya bagikan di atas. Hal ini saya lakukan agar dapat memudahkan kalian dalam pemahamannya.. Sehingga kalian akan sangat mudah untuk memahaminya.. Nah seperti apakah penelasan saya ini ? Yuk langsung saja kita simak sama - sama penjelasan saya di bawah ini...


from tkinter.ttk import Frame, Label, Scale  //code ini digunakan untuk mengimport sebuah “frame”, “label” dan “scale” dari ttk tkinter.
from tkinter import Tk, BOTH, IntVar, LEFT  //code ini digunakan untuk mengimport “Tk”, “BOTH”, “IntVar”, dan “LEFT” dari tkinter yang akan digunakan dalam proses pembuatan program ini nantinya.

class pembuatanScale(Frame):  //code ini digunakan untuk membuat sebuah class dengan nama “pembuatanScale” yang akan berfungsi sebagai sebuah penampung yang akan menampung semua code program untuk membuat scale nantinya.
    def __init__(self, parent):  //code ini digunakan untuk membuat sebuah konstruktor dari class “pembuatanScale” ini.
        Frame.__init__(self, parent)  //code ini digunakan untuk membuat class ini menjadi sebuah GUI.
        self.window = parent  //code ini digunakan untuk membuat sebuah variabel dengan nama “window” dan di isi dengan nilai yang ada di variabel “parent”

        self.initUI()  //code ini digunakan untuk memanggil sebuah metode dengan nama “initUI”
        self.membuatScale()  //code ini digunakan untuk memanggil sebuah metode dengan nama “membuatScale”
        self.membuatTeks()  //code ini digunakan untuk memanggil sebuah metode dengan nama “membuatTeks”

    def initUI(self):   //code ini digunakan untuk membuat sebuah metode dengan nama “initUI” yang akan digunakan untuk menampung semua code program yang akan membuat elemen windownya.
        self.window.title("Scale")  //code ini digunakan untuk merubah judul window nya menjadi “scale”
        self.window.geometry("250x100")  //code ini digunakan untuk mengatur ukuran windownya menjadi “250x100” pixel

        self.pack(fill=BOTH, expand=1)  //code ini digunakan untuk membuat background tempat meletakkan scale dan teks nantinya.

    def membuatScale(self):  //code ini digunakan untuk membuat sebuah metode dengan nama “membuatScale” yang akan digunakan untuk menampung semua code program yang akan membuat sebuah scale.

        scale = Scale(self, from_=0, to=100, command=self.onScale)  //code ini digunakan untuk memanggil sebuah scale dari tkinter yang dengan bersamaan mengatur nilai serta perintahnya. Lalu di tampung ke dalam variabel “scale”
        scale.pack(side=LEFT, padx=15)  //code ini digunakan untuk meletakkan scalenya.

    def membuatTeks(self):   //code ini digunakan untuk membuat sebuah metode dengan nama “membuatTeks” yang akan digunakan untuk menampung semua code program yang akan membuat sebuah teks tempat menampilkan nilai scale nya.
        self.angka = IntVar()  //code ini digunakan untukmembuat sebuah variabel angka. Dengan isi “intVar”
        self.teks = Label(self, text=0, textvariable=self.angka)  //code ini digunakan untuk membuat teks yang menampilkan nilai dari scale nya.
        self.teks.pack(side=LEFT)  //code ini digunakan untuk memaukkan dan meletakkan teks nya ke dalam window.

    def onScale(self, nilai):   //code ini digunakan untuk membuat sebuah metode dengan nama “onScale” yang akan digunakan untuk menampung semua code program yang akan memperparui setiap perubahan  nilai pada scale.
        v = int(float(nilai))  //code ini digunakan untuk menampung perubahan nilai slidernya. Yang kemudian di konvert ke float lalu di convert lagi ke integer.
        self.angka.set(v)  //code ini digunakan untuk mengubah nilai teks yang ada di window.

if __name__ == '__main__':  //code ini digunakan untuk mengecek apakah file ini di panggil atau tidak.
    root = Tk()  //code ini digunakan untuk memanggil “Tk” yang kemudian di tampung ke dalam sebuah variabel “root”
    ex = pembuatanScale(root)  //cod eini digunakan untuk memanggil class “pembuatanScale” yang di berikan sebuah parameter “root”

    root.mainloop()  //code ini digunakan agar window yang kita tampilkan tidak langsung close otomatis.


Nah itu dia temen - temen penjelasan saya mengenai code program yang sudah saya bagikan sebelumnya.. Gimana ? Sudah cukup jelas kan temen - temen... Ya saya harap seperti itu ya.. Hehe.. Nah jika ada yang kurang di pahami, kalian bisa membacanya lagi secara perlahan... Namun, jika ada penjelasan yang kurang jelas atau ada yang ingin kalian tanyakan, kalian bisa menggunakan kolom komentar di bawah ini untuk bertanya... Insyaallah saya akan menjawab nya secepat yang saya bisa...


Oke sekian dulu ya temen - temen postingan saya kali ini.. Semoga apa yang sudah saya sajikan di atas dapat menambah pengetahuan dan ilmu baru bagi kalian.. Dan terimakasih ya sudah berkunjung dan membaca postingan saya kali ini.. Dan mohon maaf ya atas kekurangan ataupun ketidak jelasan yang ada di blog ini maupun pada postingan kali ini.. Jika kalian berkenan untuk menyampaikan kritik dan saran, kalian bisa menyampaikannya pada laman hubungi kami yang ada di blog ini ya...

Dan jangan lupa share ke temen kalian ya.. Hehe oke teriamakasi banyak ya dan sampai disini dulu.. Sampai jumpa di postingan saya yang lainnya ya temen - teme.. Oke terimakasi...

Wassalamualaikum wr. wb.
Previous
Next Post »
Thanks for your comment