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
    
    /* * Created by SharpDevelop. * User: jufrika danil * Date: 3/29/2015 * Time: 4:35 PM * * To change this template use Tools | Options | Coding | Edit Standard Headers. */ using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows.Forms; namespace JD_Painter { /// <summary> /// Description of MainForm. /// </summary> public partial class MainForm : Form { public Graphics objGrp; //objek graphic public bool shouldPaint = false; //inisialisasi mulai gambar public bool line, rectang, ellipse, pen; public Pen penaAjaib = new Pen(Color.Black); int X1, Y1, X2, Y2, X, Y; double XY; public MainForm() { InitializeComponent(); } void PictureBox2Click(object sender, EventArgs e) { } void MainFormLoad(object sender, EventArgs e) { objGrp =panel1.CreateGraphics(); } public void Button3Click(object sender, EventArgs e) { ColorDialog dlg = new ColorDialog(); if (dlg.ShowDialog() == DialogResult.OK); { penaAjaib.Color = dlg.Color; button3.BackColor = dlg.Color; } } public void Button2Click(object sender, EventArgs e) { this.Refresh(); } public void Button4Click(object sender, EventArgs e) { button4.BackColor = Color.Gray; button5.BackColor = Color.Empty; button6.BackColor = Color.Empty; line = true; rectang = false; ellipse = false; pen = false; } public void Button5Click(object sender, EventArgs e) { button4.BackColor = Color.Empty; button5.BackColor = Color.Gray; button6.BackColor = Color.Empty; line = false; rectang = true; ellipse = false; pen = false; } void Button6Click(object sender, EventArgs e) { button4.BackColor = Color.Empty; button5.BackColor = Color.Empty; button6.BackColor = Color.Gray; line = false; rectang = false; ellipse = true; pen = false; } void Button1Click(object sender, EventArgs e) { Application.Exit(); } void Panel1MouseDown(object sender, MouseEventArgs e) { if (e.Button == MouseButtons.Left) { shouldPaint = true; } X1 = e.X; Y1 = e.Y; } void Panel1MouseMove(object sender, MouseEventArgs e) { } 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); } } } 
    Sekian Tutorial Dari jufrikablog sampai jumpa di post jufrikablog selanjutnya:)
     

Berbagi :