Cara Membuat GUI Sederhana Menggunakan Visual Studio

• Pertama buka Visual Studio anda
• Selanjutnya klik New Project..

• Pada kolom templates pilih Visual C# kemudian pilih Windows Form Application
• Lalu ubah Name dan Location sesuai yang anda inginkan.

• Kemudian pada menu Toolbox pilih Text box (menu toolbox kadang berada di sebelah kiri)

• Selanjutnya letakkanlah Text box seperti pada gambar dibawah (dapat diubah sesuai keinginan anda)

• Kemudian pada menu Toolbox pilih Table, lalu rangkailah seperti gambar dibawah (dapat diubah sesuai keinginan anda)

• Terakhir pada menu Toolbox pilih Button, dan rangkailah seperti gambar dibawah (dapat diubah sesuai keinginan anda)

• Selanjutnya klik kanan label 1 pada form lalu pilih Properties

• Maka akan muncul menu Properties seperti pada gambar dibawah ini

• Ganti Teks dari label 1 menjadi “ + “ 

• Kemudian ubah ukuran font dari label 1 dengan meng-klik tombol ( + ) pada Font dan ubah size menjadi 15

• Selanjutnya ubah text pada button 1 menjadi “ = “ 

• Kemudian ubah (name) pada button 1 menjadi “btnHasil”

• Selanjutnya double klik pada button = di form maka akan muncul sebuah tab baru berisi kode

• Ketikkan kode dibawah ini :

(source code berada dibawah)

• Kemudian jalankan program anda dengan menekan tombol Start 

• Maka akan muncul form program anda, Input angka pertama pada kolom pertama dan angka kedua pada kolom kedua kemudian klik tombol “ = “

• Hasilnya akan seperti gambar dibawah

Source Code :

            int input1;
            int input2;
            int outputHasil;

            input1 = Convert.ToInt16(textBox1.Text);
            input2 = Convert.ToInt16(textBox2.Text);

            outputHasil = input1 + input2;

            textBox3.Text = Convert.ToString(outputHasil);