Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Simple Paint Di C#


Hai sobat jufrikablog disini saya akan memberikan sedikit ilmu kepada sobat semua  masih tentang menggunakan graphic di C# , yang sebelumnya kita menggunakan form sebagai media gambar kita , kini kita ganti ke panel :D

Ikuti Langkah di blog ini jika sobat ingin membuat aplikasi seperti video demo di bawah :)

Pertama ada syarat" nya yang harus di penuhi untuk bisa membuat aplikasi ini . sobat harus ada laptop /pc . punya sharpdevelop atau software sejenis , lalu like blog saya ( wkwkw -_- )


  1. Buka Program Sharpdevelop 
  2. Buka File>New>Solution>WindowsFormApplication
  3. Buat Desain Standard seperti ini Dengan menggunakan Button , GroupBox , Textbox dan Panel.
  4. Di Button Close isi ini
    Application.Exit();
  5. Di Button Erase isi ini
    this.refresh(); // untuk erase atau penghapus semua
  6. Di Pen Color karna kita ingin membuat color dari colordialog maka masukan kodingan ini
    ColorDialog dlg = new ColorDialog();
                if (dlg.ShowDialog() == DialogResult.OK);
                {
                    penaAjaib.Color = dlg.Color; // nama pena ajaib adalah warna hasil kursor kita nantinya.
                    button3.BackColor = dlg.Color; // warna button pen colornya kan di button 3 jadi warnanya ikut berubah
                }
  7. Di Button Line isi ini
                button4.BackColor = Color.Gray; // berfungsi mengubah warna button 4 saja ini animasi
                button5.BackColor = Color.Empty;
                button6.BackColor = Color.Empty;
                line = true; rectang = false; ellipse = false; pen = false;    // yang aktif hanya line   
  8. Di Button Rectangle isi ini
                button4.BackColor = Color.Empty;
                button5.BackColor = Color.Gray;
                button6.BackColor = Color.Empty;
                line = false; rectang = true; ellipse = false; pen = false;       
  9. Di Button Ellipse isi ini
               button4.BackColor = Color.Empty;
                button5.BackColor = Color.Empty;
                button6.BackColor = Color.Gray;
                line = false; rectang = false; ellipse = true; pen = false;
  10. Di panel setting seperti ini (klik panel cari lambang bertanda petir (di baca event) bagian Mouse Clik, MouseUp , MouseDown, MouseMove isi ini
    void Panel1MouseDown(object sender, MouseEventArgs e)
            {
                if (e.Button == MouseButtons.Left)
                {
                    shouldPaint = true;
                }
                X1 = e.X;
                Y1 = e.Y;
            }
    void Panel1MouseClick(object sender, MouseEventArgs e)
            {
                if (shouldPaint == true)
                {
                    X = e.X;
                    Y = e.Y;
                    X2 = e.X - X1;
                    Y2 = Y1 -e.Y;
                    if (rectang == true)
                    {
                        objGrp.DrawRectangle(penaAjaib, X1, Y1, X2, -Y2);
                    }
                    if (ellipse == true)
                    {
                        objGrp.DrawEllipse(penaAjaib, X1, Y1, X2, -Y2);
                    }
                    if (line == true)
                    {
                        objGrp.DrawLine(penaAjaib, X1, Y1, e.X, e.Y);
                    }
                    if (pen == true)
                    {
                        objGrp.DrawLine(penaAjaib, X1, Y1, e.X,e.Y);
                    }
               
            }
    void Panel1MouseUp(object sender, MouseEventArgs e)
            {
                shouldPaint = false;
                textBox1.Text = Convert.ToString(X2);
                textBox2.Text = Convert.ToString(Y2);
                XY = Math.Sqrt((X2 * X2) + (Y2 * Y2));
                textBox3.Text = Convert.ToString(XY);
            }
    Nah agar lebih jelasnya sobat lihat codingan lengkapnya disini


    Sekian Tutorial Dari jufrikablog sampai jumpa di post jufrikablog selanjutnya:)