Come creare una finestra (un'applicazione): 4 passaggi (con immagini)

Sommario:

Come creare una finestra (un'applicazione): 4 passaggi (con immagini)
Come creare una finestra (un'applicazione): 4 passaggi (con immagini)

Video: Come creare una finestra (un'applicazione): 4 passaggi (con immagini)

Video: Come creare una finestra (un'applicazione): 4 passaggi (con immagini)
Video: Excel VBA #1 Introduzione, ambientamento nell' editor e prima routine di esempio, la mia prima macro 2024, Aprile
Anonim

Vi siete mai chiesti come sono fatti programmi come Paint o Calculator? Bene, impara come creare un'applicazione di base usando questa guida passo passo.

Passi

46622 1
46622 1

Passaggio 1. Ottieni un compilatore

Un compilatore trasforma il tuo codice sorgente grezzo (che presto scriverai) in un'applicazione eseguibile. Ai fini di questo tutorial, ottenere DEV-CPP IDE. Potete scaricarlo qui.

46622 2
46622 2

Passaggio 2. Dopo aver installato DEV-CPP, aprilo

Ti verrà presentata una finestra con un'area di testo in cui scriverai il tuo codice sorgente.

46622 3
46622 3

Passaggio 3. Preparati a scrivere un programma per visualizzare il testo in una casella di testo

Prima di iniziare a scrivere il sorgente, tieni presente che le applicazioni Win32 non si comportano allo stesso modo di altri linguaggi, come JAVA.

46622 4
46622 4

Passaggio 4. Nella schermata principale di DEV-CPP, vai su File -> Nuovo -> Progetto

Ti verrà presentata un'altra schermata. Scegli la piccola immagine che dice "Applicazione Windows" e imposta la lingua come "C", non "C++". Nella casella di testo in cui si dice "Nome", inserisci "SimpleProgram". Ora DEV-CPP ti chiederà dove desideri salvarlo. Salva il file in qualsiasi directory, ma assicurati di ricordarlo. Non appena hai finito, ti verrà presentato un modello nella schermata di origine. Premi Ctrl+A e poi Backspace. Il motivo per cui lo stiamo facendo è per poter ricominciare da capo.

46622 5
46622 5

Passaggio 5. All'inizio della fonte, digita "#include" (senza le virgolette)

Ciò include la libreria di Windows in modo da poter creare un'applicazione. Direttamente sotto, scrivi: #include "resource.h" E poi digita: const char g_szClassName = "myWindowClass";

46622 6
46622 6

Passaggio 6. Scrivi un metodo per gestire tutti i messaggi e scrivi un altro metodo in cui gestiremo i messaggi dalle risorse

Non preoccuparti se questo crea confusione. Risulterà chiaro in seguito. Ora salva la tua fonte come SimpleProg.c. Lo lasceremo così com'è per il momento.

46622 7
46622 7

Passaggio 7. Crea uno script di risorse

Un Resource Script è un pezzo di codice sorgente che definisce tutti i tuoi controlli (es: TextBox, Buttons, ecc.) Incorporerai il tuo Resource Script nel tuo programma e voilà! Avrai un programma. Scrivere lo script delle risorse non è difficile, ma può richiedere molto tempo se non si dispone di un editor visuale. Questo perché dovrai stimare le coordinate X e Y esatte dei controlli, ecc. Nella schermata principale di DEV-CPP, vai su File -> Nuovo -> File di risorse. DEV-CPP ti chiederà "Aggiungi file di risorse al progetto corrente?" Fare clic su S. Nella parte superiore dello script delle risorse, digita #include "resource.h" e digita anche #include Questo si occupa di tutti i controlli.

46622 8
46622 8

Passaggio 8. Effettua il tuo primo controllo:

un menù semplice Tipo:

    IDR_THEMENU MENU BEGIN POPUP "&File" BEGIN MENUITEM "Esci", ID_FILE_EXIT FINE FINE

  • La parte "IDR_THEMENU" definisce il tuo menu come THEMENU. Puoi chiamarlo come vuoi, comunque. La parte BEGIN è autoesplicativa. Il POPUP "&File" crea una nuova categoria di menu chiamata File. Il segno & consente all'utente della tua applicazione di digitare Ctrl+F sulla tastiera e accedere rapidamente al tuo menu:) Il MENUITEM "E&xit", ID_FILE_EXIT aggiunge una voce di menu alla categoria File. È necessario, tuttavia, definire la voce di menu eseguendo ID_FILE_EXIT.

Passaggio 9. Ora per la parte del pulsante

Il tuo pulsante sarà all'interno di una finestra di dialogo, quindi dobbiamo prima creare la finestra di dialogo. Fallo digitando:

46622 9
46622 9

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

  • L'IDD_SIMPLECONTROL definisce la tua finestra di dialogo. I quattro numeri dopo la parola "DIALOGO" determinano x-pos, y-pos, larghezza e altezza della finestra di dialogo. Non preoccuparti troppo della parte Stile per ora. Il MENU IDR_THEMENU inserisce il nostro vecchio menu nel programma. La didascalia parla da sola così come il font. Il DEFPUSHBUTTON crea il nostro pulsante denominato "Hello!" e lo definiamo dicendo ID_HELLO e gli diamo x-pos e y-pos e le coordinate di larghezza e altezza.
  • Questo è tutto! Abbiamo finito con il nostro script di risorse. Resta solo un'altra cosa. Dobbiamo assegnare valori a tutte le cose che abbiamo definito nel nostro script di risorse (es. IDR_THEMENU, ecc.) Salvare il file di risorse come SimpleProg.rc.
  • 46622 11
    46622 11

    Passaggio 10. Vai su File -> Nuovo -> File di origine

    Aggiungere il file sorgente al progetto corrente? Sì. Ti verrà presentato uno schermo vuoto. Per assegnare valori ai nostri controlli definiti, diamo loro dei numeri. Non importa molto su quali numeri dai i tuoi controlli, ma dovresti renderli organizzati. Ad esempio, non definire un controllo assegnandogli un numero casuale come 062491 o qualcosa del genere. Quindi digita:

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

    46622 12
    46622 12

    Passaggio 11. Salva questo file come risorsa.h Ti ricordi che abbiamo fatto "#include "risorsa.h""?

    Bene, questo è il motivo per cui l'abbiamo fatto. Avevamo bisogno di assegnare dei valori.

    46622 13
    46622 13

    Passaggio 12. Torna alla fonte, il nostro SimpleProg.c o come lo hai chiamato

    Tipo:

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

    46622 14
    46622 14

    Passaggio 13. Non preoccuparti troppo con tutte le cose tecniche qui

    Sappi solo che questa parte restituisce la finestra di dialogo alla nostra procedura di gestione dei messaggi chiamata SimpleProc.

    46622 15
    46622 15

    Passaggio 14. Digitare:

      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 "Ciao!", MB_OK)break; case ID_FILE_EXIT:EndDialog(hWndDlg, 0);break;}break;case WM_CLOSE:EndDialog(hWndDlg, 0); rottura; default: return FALSE;}return TRUE;}

    • Questa parte gestisce i messaggi di dialogo. Ad esempio nel caso ID_HELLO (il nostro pulsante), creiamo una finestra di messaggio che dice ciao. Inoltre, nel caso in cui andiamo su File ed Esci, chiudiamo la finestra nel caso ID_FILE_EXIT.
    46622 17
    46622 17

    Passaggio 15. Assicurati che il tuo SimpleProc venga prima della parte int WINAPI WINMAIN

    Questo è importante se vuoi che il tuo programma funzioni.

    46622 18
    46622 18

    Passaggio 16. Premi F9 per compilare ed eseguire il tuo programma

    Suggerimenti

    • Se ti senti frustrato in qualsiasi momento, prenditi una pausa e torna indietro.
    • Se ti perdi, ci sono molti tutorial disponibili su Internet.
    • Questo è un tutorial per principianti, quindi molte parti non sono spiegate. Anche se si tratta di un tutorial per principianti, si consiglia di avere QUALCHE esperienza nel mondo della programmazione (ad es. comprensione delle istruzioni switch, if-else, ecc.)

    Consigliato: