Cara menggambar dengan kursor di window tkinter

BelajarPython - assalamualaikum wr. wb.

Jumpa lagi nih temen - temen.. Pada kesempatan kali ini saya akan mencoba untuk megajak kalian untuk belajar GUI atau tampilan bahasa pemrograman python nih.. Dan tentu saja saya akan menggunakan modul tkinter untuk belajar tampilan python tersebut. Namun sebelum kita melanjutkan postingan kali ini, kalian harus mengistall bahasa pemrogramannya dulu ya.. Tentu saja bahasa python temen - temen... Kalian udah install belum nih ? Nah bagi kalian yang berlum install, di install dulu ya temen - temen.. Kalian bisa mendapatkan file instalasinya pada situs atau laman resmi nya python ya.. Yaitu di Https://python.org/download yaa...

Namun jika kalian membutuhkan sebuah bimbingan instalasinya, kalian tidak perlu khawatir ya.. Karena saya sudah menyiapkan postingan yang khusus membahas mengenai cara untuk melakukan proses install dari bahasa pemrograman python ini... Nah jika kalian tertarik untuk membaca postingan yang saya maksud tadi, KALIAN BISA KLIK DISINI YA temen - temen.... Dan silahkan install dengan mengikuti setiap instruksi yang sudah saya sediakan tersebut ya....

Nah setelah kalian install python nya, yuk kita lanjut lagi potingan kita kali ini.. Jadi. Seperti yang sudah saya katakan tadi ya... Kita aka belajar mengenai tampilan dari python 3 yang tentu saja menggunakan modul tkinter... Dan pada postingan kali ini saya akan membuat sebuah tampilan dimana kita bisa menggambar sendiri menggunakan kursor.. Ya seperti proses menggambar biasa pada photosop atau paint untuk membuat sebuah garis ya...  Nah untuk lebih jelasnya, yuk langsung saja kita simak sama - sama postingan saya kali ini.. Let’s check it out temen - temen...

Cara membuat agar window bisa kita gambar dengan cursor di window tkinter python 3.

Nah pada segmen ini saya akan langsung mencoba untuk langsung membagikan code program untuk menggambar di window ini.. Agar kalian tidak penasaran lebih lama lagi. Hehe.. Dimana selanjutnya saya akan mencoba untuk menampilkan hasil running code programnya.. Nah seperti apa ya kira - kira code program nya ini ? Panjang tidak ya.. Nah untuk menjawab pertanyaan tadi, yuk langsung di simak saja code programnya pada code program di bawah ini ya.. Let’s check it out temen - temen...


from tkinter import *

class Menggambar():
    def __init__(self):
        self.buatKanvas()
        self.pesan()

    def buatKanvas(self):
        self.kanvas = Canvas(master, width=500, height=150)
        self.kanvas.pack(expand=YES, fill=BOTH)
        self.kanvas.bind("", self.gambar)

    def pesan(self):
        message = Label(master, text="klik dan seret untuk menggambar")
        message.pack(side=BOTTOM)

    def gambar(self,event):
        x1, y1 = (event.x - 1), (event.y - 1)
        x2, y2 = (event.x + 1), (event.y + 1)
        self.kanvas.create_oval(x1, y1, x2, y2, fill="green")

master = Tk()
Menggambar()
mainloop()


Nah itu dia temen - temen code programnya.. Cukup pendek yaa.. nah lalu seperti apa ya kira - kira hasil dari code program di atas jika saya jalankan ? Dan seperti apa maksud saya mengenai menggambar pada window menggunakan kursor ini ? Untuk menjawab dua pertanyaan yang serupa tapi tak sama tersebut, yuk langsung saja di simak tampilannya pada gambar yang ada di bawah ini.. Let’s check it out temen - temen...



Nah itu dia temen - temen hasilnya.. Bisa kita lihat pada secreenshoot atau gambar di atas ya.. Disana sudah ada instruksinya... Yaitu klik dan seret untuk untuk menggambar pada window nya... Gimana sudah jelaskan temen - temen ? Ya saua rasa sudah cukup jelas ya... Sip deh...

Penjelasan code program untuk membuat agar window bisa kita gambar dengan cursor di window tkinter python 3.

Nah selanjutnya saya akan mencoba untuk menjelaskan code program yang sudah saya bagikan di atas tadi ya.. Agar kalian bisa memahami code program yang sudah saya bagikan tersebut.. Dan saya harap kalian bisa mengembangkan juga nantinya... Nah langsung saja yuk kita sama - sama penjelasan saya mengenai code program tersebut di bawah ini.. Let’s check it out temen - temen... dan silahkan simak serta perhatikan penjelasannya ya.. Agar kalian paham nantinya... Oke silahkan di simak...


from tkinter import *  //code ini digunakan untuk mengimport mengimport semua class yang ada pada modul tkinter.

class Menggambar():  //code ini digunakan untuk membuat sebuah class dengan nama “Menggambar” yang tentu saja akan di gunakan untuk menapung semua code program untuk menampilkan window beserta elemennya.
    def __init__(self):  //code ini digunakan untuk membuat sebuah konstruktor dari class “Menggambar” ini.
        self.buatKanvas()  //code ini digunakan untuk memanggil sebuah metode dengan nama “buatKanvas”.
        self.pesan()  //code ini digunakan untuk memanggil sebuah metode dengan nama “pesan”.

    def buatKanvas(self):  //code ini digunakan untuk membuat sebuah metode dengan nama “buatKanvas” yang akan digunakan untuk menampung semua code program untuk membuat sebuah canvas.
        self.kanvas = Canvas(master, width=500, height=150)  //code ini digunakan untuk untuk memanggil sebuah “canvas” dari tkinter dengan ukuran “500x150” pixel yang kemudian di tampung ke dalam variabel yang bernama “kanvas”.
        self.kanvas.pack(expand=YES, fill=BOTH)  //code ini digunakan untuk memasukkan sebuah canvas di dalam variabel  “kanvas” kedalam window tkinternya.
        self.kanvas.bind("<B1-Motion>", self.gambar)  //code ini digunakan untuk memberi fungsi saat di klik dan di drag akan memanggil sebuah metode dengan nama “gambar”

    def pesan(self):  //code ini digunakan untuk membuat sebuah metode dengan nama “pesan” yang akan digunakan untuk menampilkan sebuah pesan pada window.
        message = Label(master, text="klik dan seret untuk menggambar")  //code ini digunakan untuk membuat sebuah label dengan teks “klik dan seret untuk menggambar”.
        message.pack(side=BOTTOM)  //code ini digunakan untuk digunaka untuk memasukkan  label yang ada di variabel “messege” ke dalam window tkinternya.

    def gambar(self,event):  //code ini digunakan untuk membuat sebuah metode dengan nama “gambar” yang akan digunakan untuk menampung semua code program menggambar nya.
        x1, y1 = (event.x - 1), (event.y - 1)i  //code ini digunakan untuk mendefinisikan koordinat kursor.
        x2, y2 = (event.x + 1), (event.y + 1)  //code ini digunakan untuk mendefinisikan koordinat kursor.
        self.kanvas.create_oval(x1, y1, x2, y2, fill="green")  //code ini digunakan untuk membuat sebuah oval kecil pada koordinat window yang di klik nantinya. Sehingg window yang kita klik dan kita seret, aka menampilkan sebuah layaknya garis. Walaupun sebenarnya hanya sebuah kumpulan titik - titik saja.

master = Tk()  //code ini digunakan untuk memanggil atau menampilkan window tkinter. Atau memanggil window tkinternya “Tk”.
Menggambar()  //code ini digunakan untuk memanggil sebuah class dengan nama “Menggambar” yang sudah kita buat tadi.

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


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