"Science,Technology,Society for SAVE OUR EARTH"

Rabu, 07 Mei 2014

Image Viewer dengan C++ pada MS Visual Studio 2010



Membuat Image Viewer dengan C++ pada MS Visual Studio 2010
1. Buka MS VS 2010 – New Project
    Pada kotak dialog New Project pilih  C++  -  CLR - Windows Form Application.

2. Muncul  Form.
3. Tahap berikutnya mendesain interface.
   Mendesain Interface:
Tambahkan pictureBox, dan button ke dalam interface, letakan button di samping atau dibagian atas pictureBox. (sesuai selera).Tambahkan juga  toolTip. 

PictureBox,button,toolTip terdapat pada Toolbox.

Setelah mendesain interface, saatnya memberikan fungsi (Source Code) agar program dapat difungsikan.   
 
Caranya:
 Klik pada Windows Form-Klik toolTip-Double Klik windows Form.

 Masukan Source Code(tulisan merah) tepat dibawah tulisan biru:

#pragma endregion
private: System::Void Form1_Load(System::Object^  sender, System::EventArgs^  e) {

Source Code:

toolTip1->Active = true;
toolTip1->SetToolTip(pictureBox1, "Image");
toolTip1->SetToolTip(button1, "Click To view A Image");

4.Pada Menu Build, pilih Build Solution, untuk mengetahui adanya error yang akan muncul pada  kotak diaolog error list.

5.Langkah berikutnya, masukan Source Code untuk memberikan fungsi Browse dan Exit. Tambahkan dahulu OpenFileDialog & menuStrip dari Toolbox.
6.Masukan Source Code untuk memberikan fungsi Browse.
Caranya :Klik pada Browse-Klik OpenFileDialog-DoubleKlik Browse

Masukan Source Code (tulisan merah) tepat dibwah tulisan biru:
private: System::Void button1_Click(System::Object^  sender, System::EventArgs^  e) {

Source Code Open:

openFileDialog1->ShowDialog();
pictureBox1->Load(openFileDialog1->FileName);

Masukan Source Code untuk Close tepat dibawah tulisan biru: 

private: System::Void exitToolStripMenuItem_Click(System::Object^  sender, System::EventArgs^  e) {

Source Code Close/Exit:
 Application::Exit();



Langkah terakhir adalah debug (F5) program yang telah dibuat, apabila masih ada error, perhatikan lagi penulisan code.
Contoh hasil akhir program, seperti berikut:
Untuk tampilan huruf,background dapat diubah sesuai selera pada properties. Untuk memunculkan properties dapat melalui klik kiri pada bagian yang ingin diubah, atau langung klik properties.






Tidak ada komentar:

Posting Komentar