Com crear una finestra (una aplicació): 4 passos (amb imatges)

Taula de continguts:

Com crear una finestra (una aplicació): 4 passos (amb imatges)
Com crear una finestra (una aplicació): 4 passos (amb imatges)

Vídeo: Com crear una finestra (una aplicació): 4 passos (amb imatges)

Vídeo: Com crear una finestra (una aplicació): 4 passos (amb imatges)
Vídeo: Tuto Visual Basic débutant | Bien démarrer avec VB & WinForms 2024, Març
Anonim

Us heu preguntat mai com es fabriquen programes com Paint o Calculator? Bé, apreneu a crear una aplicació bàsica mitjançant aquesta guia pas a pas.

Passos

46622 1
46622 1

Pas 1. Obteniu un compilador

Un compilador transforma el vostre codi font en brut (que aviat escrivireu) en una aplicació executable. Als efectes d’aquest tutorial, obteniu IDE DEV-CPP. Podeu descarregar-lo aquí.

46622 2
46622 2

Pas 2. Després d’instal·lar DEV-CPP, obriu-lo

Se us mostrarà una finestra amb una àrea de text on escrivireu el vostre codi font.

46622 3
46622 3

Pas 3. Prepareu-vos per escriure un programa per mostrar text en un quadre de text

Abans de començar a escriure la font, tingueu en compte que les aplicacions Win32 no es comporten de la mateixa manera que altres idiomes, com ara JAVA.

46622 4
46622 4

Pas 4. A la pantalla principal de DEV-CPP, aneu a Fitxer -> Nou -> Projecte

Se us presentarà una altra pantalla. Trieu la imatge que diu "Aplicació de Windows" i configureu l'idioma com a "C" i no com a "C ++". Al quadre de text on diu "Nom", introduïu "Programa senzill". Ara, DEV-CPP us preguntarà on voleu desar-lo. Deseu el fitxer a qualsevol directori, però recordeu-lo. Tan bon punt hàgiu acabat això, se us presentarà una plantilla a la pantalla d'origen. Feu Ctrl + A i després Retrocés. La raó per la qual ho fem és perquè puguem començar de nou.

46622 5
46622 5

Pas 5. Al començament de la font, escriviu "#include" (sense les cometes)

Això inclou la biblioteca de Windows perquè pugueu fer una aplicació. Directament a sota, escriviu: #include "resource.h" I després escriviu: const char g_szClassName = "myWindowClass";

46622 6
46622 6

Pas 6. Escriviu un mètode per gestionar tots els missatges i escriviu un altre mètode on tractarem els missatges dels recursos

No us preocupeu si això és confús. Quedarà clar més endavant. Ara, deseu la font com a SimpleProg.c. Ho deixarem tal com està de moment.

46622 7
46622 7

Pas 7. Feu un script de recursos

Un script de recursos és un fragment del codi font que defineix tots els vostres controls (per exemple: TextBox, Buttons, etc.) Incorporareu el vostre script de recursos al vostre programa i a Voila. Tindreu un programa. L’escriptura de l’escriptura de recursos no és difícil, però pot trigar molt si no teniu un editor visual. Això es deu al fet que haureu d'estimar les coordenades X i Y exactes dels controls, etc. A la pantalla principal DEV-CPP, aneu a Fitxer -> Nou -> Fitxer de recursos. DEV-CPP us demanarà "Voleu afegir un fitxer de recursos al projecte actual?" Feu clic a SÍ. A la part superior de l'script de recursos, escriviu #include "resource.h" i també escriviu #include. Això s'encarrega de tots els controls.

46622 8
46622 8

Pas 8. Feu el vostre primer control:

un menú senzill. Tipus:

    IDR_THEMENU MENU BEGIN POPUP "& File" BEGIN MENUITEM "E & xit", ID_FILE_EXIT END END

  • La part "IDR_THEMENU" defineix el vostre menú com a THEMENU. Tanmateix, podeu anomenar-lo com vulgueu. La part BEGIN s’explica per si mateixa. El POPUP "Fitxer" crea una nova categoria de menú anomenada Fitxer. El signe & permet a l'usuari de la vostra aplicació escriure Ctrl + F al teclat i accedir ràpidament al vostre menú:) El MENUITEM "E & xit", ID_FILE_EXIT afegeix un menú a la categoria Fitxer. Tanmateix, heu de definir el menú fent ID_FILE_EXIT.

Pas 9. Ara per a la part del botó

El vostre botó estarà dins d'un quadre de diàleg, per tant, primer hem de fer-lo. Feu-ho escrivint:

46622 9
46622 9

DIALOG IDD_SIMPLECONTROL 50, 50, 150, 142 ESTIL DS_MODALFRAME | WS_POPUP | WS_CAPTION | WS_SYSMENU MENU IDR_THEMENU TÍTOL "Simple Prog" FONT 8, "MS Sans Serif" BEGIN DEFPUSHBUTTON "Hello!", ID_HELLO, 10, 10, 40, 15 END

  • IDD_SIMPLECONTROL defineix el vostre quadre de diàleg. Els quatre números després de la paraula "DIALOG" determinen posicions x, posicions y, amplada i alçada del diàleg. No us preocupeu massa per la part Estil per ara. El MENU IDR_THEMENU posa el nostre menú antic al programa. El títol parla per si mateix, igual que el tipus de lletra. El DEFPUSHBUTTON crea el nostre botó anomenat "Hola!" i el definim dient ID_HELLO i li donem coordenades x-pos i y-pos i amplada i alçada.
  • Això és! Hem acabat amb el nostre script de recursos. Només queda una cosa més. Hem d'assignar valors a totes les coses que hem definit al nostre script de recursos (per exemple, IDR_THEMENU, etc.) Deseu el fitxer de recursos com a SimpleProg.rc.
  • 46622 11
    46622 11

    Pas 10. Aneu a Fitxer -> Nou -> Fitxer font

    Voleu afegir el fitxer font al projecte actual? Sí. Se us mostrarà una pantalla en blanc. Per assignar valors als nostres controls definits, els donem números. No importa massa en quins números doneu els vostres controls, però hauríeu d’organitzar-los. Per exemple, no definiu un control donant-li un número aleatori com 062491 o alguna cosa així. Per tant, escriviu:

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

    46622 12
    46622 12

    Pas 11. Deseu aquest fitxer com a resource.h Recordeu que vam fer "#include" resource.h ""?

    Bé, per això ho hem fet. Calia assignar valors.

    46622 13
    46622 13

    Pas 12. Torneu a la font, al nostre SimpleProg.c o al que hàgiu anomenat

    Tipus:

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

    46622 14
    46622 14

    Pas 13. No us preocupeu massa amb totes les coses tècniques aquí

    Només heu de saber que aquesta part torna el quadre de diàleg al nostre procediment de gestió de missatges anomenat SimpleProc.

    46622 15
    46622 15

    Pas 14. Escriviu:

      BOOL CALLBACK SimpleProc (HWND hWndDlg, UINT Message, WPARAM wParam, LPARAM lParam) {switch (Message) {case WM_INITDIALOG: return TRUE; case WM_COMMAND: switch (LOWORD (wParam)) {case ID_HELLO: MessageBox (NULL, "He "Hola!", MB_OK) break; cas ID_FILE_EXIT: Dialogre final (hWndDlg, 0); interrupció;} interrupció; cas WM_CLOSE: Dialogre final (hWndDlg, 0); trencar; per defecte: torna FALS;} torna TRUE;}

    • Aquesta part gestiona els missatges de diàleg. Per exemple, en el cas ID_HELLO (el nostre botó), fem un quadre de missatges dient hola. A més, en el cas que anem a Arxivar i sortir, tanquem la finestra en cas que ID_FILE_EXIT.
    46622 17
    46622 17

    Pas 15. Assegureu-vos que el vostre SimpleProc és anterior a la part int WINAPI WINMAIN

    Això és important si voleu que el vostre programa funcioni.

    46622 18
    46622 18

    Pas 16. Premeu F9 per compilar i executar el vostre programa

    Consells

    • Si en algun moment us sentiu frustrat, feu un descans i torneu-hi.
    • Si us perdeu, hi ha molts tutorials disponibles a Internet.
    • Aquest és un tutorial per a principiants, de manera que moltes parts no s’expliquen. Fins i tot si es tracta d’un tutorial per a principiants, es recomana tenir ALGUNA experiència en el món de la programació (per exemple, entendre les afirmacions de commutació, si no, etc.)

    Recomanat: