Cara Membuat Jendela (Aplikasi): 4 Langkah (dengan Gambar)

Daftar Isi:

Cara Membuat Jendela (Aplikasi): 4 Langkah (dengan Gambar)
Cara Membuat Jendela (Aplikasi): 4 Langkah (dengan Gambar)

Video: Cara Membuat Jendela (Aplikasi): 4 Langkah (dengan Gambar)

Video: Cara Membuat Jendela (Aplikasi): 4 Langkah (dengan Gambar)
Video: Mengenal Apa Itu Visual Basic ; Belajar Dasar Visual Basic 6.0 Untuk Pembelajaran Pemrograman Dasar 2024, April
Anonim

Pernah bertanya-tanya bagaimana program seperti Paint atau Calculator dibuat? Nah, pelajari cara membuat aplikasi dasar menggunakan panduan langkah demi langkah ini.

Langkah

46622 1
46622 1

Langkah 1. Dapatkan kompiler

Kompiler mengubah kode sumber mentah Anda (yang akan segera Anda tulis) menjadi aplikasi yang dapat dieksekusi. Untuk tujuan tutorial ini, dapatkan DEV-CPP IDE. Anda dapat mengunduhnya di sini.

46622 2
46622 2

Langkah 2. Setelah menginstal DEV-CPP, buka

Anda akan disajikan dengan jendela dengan area teks di mana Anda akan menulis kode sumber Anda.

46622 3
46622 3

Langkah 3. Bersiaplah untuk menulis program untuk menampilkan teks dalam kotak teks

Sebelum Anda mulai menulis sumbernya, ingatlah bahwa aplikasi Win32 tidak berperilaku dengan cara yang sama seperti bahasa lain, seperti JAVA.

46622 4
46622 4

Langkah 4. Di layar utama DEV-CPP, buka File -> New -> Project

Anda akan disajikan dengan layar lain. Pilih gambar kecil yang bertuliskan "Aplikasi Windows" dan atur bahasanya sebagai "C", bukan "C++." Di kotak teks yang bertuliskan "Nama", masukkan "SimpleProgram." Sekarang, DEV-CPP akan menanyakan di mana Anda ingin menyimpannya. Simpan file di direktori mana pun, tetapi pastikan untuk mengingatnya. Segera setelah Anda selesai melakukannya, Anda akan disajikan dengan template di layar sumber. Lakukan Ctrl+A lalu Backspace. Alasan kami melakukan ini adalah agar kami dapat memulai lagi.

46622 5
46622 5

Langkah 5. Di awal sumber Anda, ketik "#include" (tanpa tanda kutip)

Ini termasuk perpustakaan windows sehingga Anda dapat membuat aplikasi. Tepat di bawahnya, tulis: #include "resource.h" Lalu ketik: const char g_szClassName = "myWindowClass";

46622 6
46622 6

Langkah 6. Tulis satu metode untuk menangani semua pesan dan tulis metode lain di mana kita akan menangani pesan dari sumber

Jangan khawatir jika ini membingungkan. Ini akan menjadi jelas nanti. Sekarang, simpan sumber Anda sebagai SimpleProg.c. Kami akan membiarkannya apa adanya untuk saat ini.

46622 7
46622 7

Langkah 7. Buat Script Sumber Daya

Resource Script adalah bagian dari kode sumber yang mendefinisikan semua kontrol Anda (misalnya: TextBox, Buttons, dll.) Anda akan memasukkan Resource Script Anda ke dalam program Anda dan Voila! Anda akan memiliki sebuah program. Menulis Script Sumber Daya tidak sulit, tetapi dapat memakan waktu jika Anda tidak memiliki Editor Visual. Ini karena Anda perlu memperkirakan koordinat X dan Y yang tepat dari kontrol, dll. Di layar utama DEV-CPP Anda, buka File -> New -> Resource File. DEV-CPP akan menanyakan "Tambahkan file sumber daya ke Proyek saat ini?" Klik YA. Di bagian atas skrip sumber daya Anda, ketik #include "resource.h", dan juga ketik #include Ini menangani semua kontrol.

46622 8
46622 8

Langkah 8. Buat kontrol pertama Anda:

menu sederhana. Jenis:

    IDR_THEMENU MENU BEGIN POPUP "&File" BEGIN MENUITEM "Keluar", ID_FILE_EXIT END END

  • Bagian "IDR_THEMENU" mendefinisikan menu Anda sebagai THEMENU. Anda dapat menyebutnya apa pun yang Anda inginkan, namun. Bagian BEGIN sudah cukup jelas. POPUP "&File" membuat kategori menu baru yang disebut File. Tanda & memungkinkan pengguna aplikasi Anda untuk mengetik Ctrl+F pada keyboard dan dengan cepat mengakses menu Anda:) MENUITEM "E&exit", ID_FILE_EXIT menambahkan item menu ke kategori File. Namun, Anda harus mendefinisikan item menu dengan melakukan ID_FILE_EXIT.

Langkah 9. Sekarang untuk bagian tombol

Tombol Anda akan berada di dalam dialog, jadi kita harus membuat dialog terlebih dahulu. Lakukan ini dengan mengetik:

46622 9
46622 9

IDD_SIMPLECONTROL DIALOG 50, 50, 150, 142 GAYA DS_MODALFRAME | WS_POPUP | WS_CAPTION | WS_SYSMENU MENU IDR_THEMENU CAPTION "Simple Prog" FONT 8, "MS Sans Serif" BEGIN DEFPUSHBUTTON "Halo!", ID_HELLO, 10, 10, 40, 15 END

  • IDD_SIMPLECONTROL mendefinisikan dialog Anda. Empat angka setelah kata "DIALOG" menentukan x-pos, y-pos, lebar, dan tinggi dialog. Jangan terlalu khawatir tentang bagian Style untuk saat ini. MENU IDR_THEMENU memasukkan menu lama kita ke dalam program. CAPTION berbicara sendiri seperti halnya font. DEFPUSHBUTTON membuat tombol kami bernama "Halo!" dan kami mendefinisikannya dengan mengatakan ID_HELLO dan memberikan koordinat x-pos dan y-pos serta lebar dan tinggi.
  • Itu dia! Kami selesai dengan skrip sumber daya kami. Hanya satu hal lagi yang tersisa. Kita harus menetapkan nilai untuk semua hal yang kita definisikan dalam skrip sumber daya kita (mis. IDR_THEMENU, dll.) Simpan file sumber daya sebagai SimpleProg.rc.
  • 46622 11
    46622 11

    Langkah 10. Buka File -> New -> Source File

    Tambahkan file sumber ke proyek saat ini? Ya. Anda akan disajikan dengan layar kosong. Untuk menetapkan nilai ke kontrol yang kami tentukan, kami memberi mereka angka. Tidak masalah terlalu banyak pada nomor mana yang Anda berikan kontrol, tetapi Anda harus membuatnya teratur. Misalnya, jangan mendefinisikan kontrol dengan memberinya nomor acak seperti 062491 atau semacamnya. Jadi ketik:

      #define IDR_THEMENU 100 #define ID_FILE_EXIT 200 #define IDD_SIMPLECONTROL 300 #define ID_HELLO 400

    46622 12
    46622 12

    Langkah 11. Simpan file ini sebagai resource.h Apakah Anda ingat kita melakukan "#include "resource.h""?

    Nah, inilah mengapa kami melakukannya. Kami perlu menetapkan nilai.

    46622 13
    46622 13

    Langkah 12. Kembali ke sumbernya, SimpleProg.c kami atau apa pun namanya

    Jenis:

      int WINAPI WinMain(HINSTANCE hInstance, HINSTANCE hPrevInstance, LPSTR lpCmdLine, int nCmdShow){return DialogBox(hInstance, MAKEINTRESOURCE(IDD_NUMBERS), NULL, SimpleProc);}

    46622 14
    46622 14

    Langkah 13. Jangan terlalu khawatir dengan semua hal teknis di sini

    Ketahuilah bahwa bagian ini mengembalikan dialog ke prosedur penanganan pesan kami yang disebut SimpleProc.

    46622 15
    46622 15

    Langkah 14. Ketik:

      BOOL CALLBACK SimpleProc(HWND hWndDlg, Pesan UINT, WPARAM wParam, LPARAM lParam){switch(Message){case WM_INITDIALOG:return TRUE;case WM_COMMAND:switch (LOWORD (wParam)) {case ID_HELLO",(:NULL, "HeyBox", "Halo!", MB_OK)break; ID kasus_FILE_EXIT:EndDialog(hWndDlg, 0);break;}break;kasus WM_CLOSE:EndDialog(hWndDlg, 0); merusak; default: kembali FALSE;}kembali BENAR;}

    • Bagian ini menangani pesan dialog. Misalnya dalam kasus ID_HELLO (tombol kami), kami membuat kotak pesan menyapa. Juga, dalam kasus di mana kita pergi ke File dan Exit, kita menutup jendela dalam kasus ID_FILE_EXIT.
    46622 17
    46622 17

    Langkah 15. Pastikan SimpleProc Anda ada sebelum bagian WINAPI WINMAIN int

    Ini penting jika Anda ingin program Anda berfungsi.

    46622 18
    46622 18

    Langkah 16. Tekan F9 untuk mengkompilasi dan menjalankan program Anda

    Tips

    • Jika Anda merasa frustrasi pada suatu saat, istirahatlah dan kembalilah.
    • Jika Anda tersesat, ada banyak tutorial yang tersedia di internet.
    • Ini adalah tutorial pemula, jadi banyak bagian yang tidak dijelaskan. Bahkan jika ini adalah tutorial pemula, disarankan Anda memiliki BEBERAPA pengalaman di dunia pemrograman (misalnya memahami pernyataan switch, if-else, dll.)

    Direkomendasikan: