Hur man gör ett fönster (en applikation): 4 steg (med bilder)

Innehållsförteckning:

Hur man gör ett fönster (en applikation): 4 steg (med bilder)
Hur man gör ett fönster (en applikation): 4 steg (med bilder)

Video: Hur man gör ett fönster (en applikation): 4 steg (med bilder)

Video: Hur man gör ett fönster (en applikation): 4 steg (med bilder)
Video: Коллектор. Психологический триллер 2024, April
Anonim

Har du någonsin undrat hur program som Paint eller Calculator är gjorda? Lär dig hur du skapar en grundläggande applikation med den här steg-för-steg-guiden.

Steg

46622 1
46622 1

Steg 1. Skaffa en kompilator

En kompilator omvandlar din råa källkod (som du snart kommer att skriva) till en körbar applikation. Skaffa DEV-CPP IDE för denna handledning. Du kan ladda ner den här.

46622 2
46622 2

Steg 2. Efter installationen av DEV-CPP, öppna den

Du kommer att få ett fönster med ett textområde där du skriver din källkod.

46622 3
46622 3

Steg 3. Gör dig redo att skriva ett program för att visa text i en textruta

Tänk på att Win32 -program inte beter sig på samma sätt som andra språk, till exempel JAVA, innan du börjar skriva källan.

46622 4
46622 4

Steg 4. I huvudskärmen för DEV -CPP går du till Arkiv -> Nytt -> Projekt

Du kommer att presenteras med en annan skärm. Välj den lilla bilden som säger "Windows -applikation" och ställ in språket som "C", inte "C ++". Skriv "SimpleProgram" i textrutan där det står "Namn". Nu kommer DEV-CPP att fråga dig var du vill spara det. Spara filen i valfri katalog, men kom ihåg att komma ihåg den. Så snart du är klar med det kommer du att presenteras med en mall på källskärmen. Gör Ctrl+A och sedan Backspace. Anledningen till att vi gör detta är så att vi kan börja om på nytt.

46622 5
46622 5

Steg 5. Skriv "#inkludera" i början av källan (utan citattecken)

Detta inkluderar Windows -biblioteket så att du kan skapa ett program. Direkt under det skriver du: #include "resource.h" Och skriver sedan: const char g_szClassName = "myWindowClass";

46622 6
46622 6

Steg 6. Skriv en metod för att hantera alla meddelanden och skriv en annan metod där vi kommer att hantera meddelandena från resurserna

Oroa dig inte om det här är förvirrande. Det kommer att bli klart senare. Spara nu din källa som SimpleProg.c. Vi kommer att lämna det som det är för tillfället.

46622 7
46622 7

Steg 7. Gör ett resursskript

Ett resurskript är en källkod som definierar alla dina kontroller (t.ex.: TextBox, knappar, etc.) Du kommer att införliva ditt resurskript i ditt program och Voila! Du kommer att ha ett program. Att skriva resursskriptet är inte svårt, men kan vara tidskrävande om du inte har en Visual Editor. Detta beror på att du måste uppskatta de exakta X- och Y -koordinaterna för kontrollerna etc. På din DEV -CPP -huvudskärm, gå till Arkiv -> Ny -> Resursfil. DEV-CPP frågar dig "Lägg till resursfil i aktuellt projekt?" Klicka på JA. Skriv #include "resource.h" högst upp i resursskriptet och skriv även #include Detta tar hand om alla kontroller.

46622 8
46622 8

Steg 8. Gör din första kontroll:

en enkel meny. Typ:

    IDR_THEMENY MENY BEGIN POPUP "& File" BEGIN MENUITEM "E & xit", ID_FILE_EXIT END END

  • "IDR_THEMENU" -delen definierar din meny som THEMENU. Du kan dock kalla det vad du vill. BEGIN -delen är självförklarande. POPUP "& File" gör en ny menykategori som heter File. Med & -tecknet kan användaren av din applikation skriva Ctrl+F på tangentbordet och snabbt komma åt din meny:) MENYTEMET "E & xit", ID_FILE_EXIT lägger till en meny i kategorin Fil. Du måste dock definiera menyalternativet genom att göra ID_FILE_EXIT.

Steg 9. Nu för knappdelen

Din knapp kommer att finnas i en dialogruta, så vi måste göra dialogen först. Gör detta genom att skriva:

46622 9
46622 9

IDD_SIMPLECONTROL DIALOG 50, 50, 150, 142 STIL DS_MODALFRAME | WS_POPUP | WS_CAPTION | WS_SYSMENY MENY IDR_THEMENU CAPTION "Simple Prog" FONT 8, "MS Sans Serif" BEGIN DEFPUSHBUTTON "Hello!", ID_HELLO, 10, 10, 40, 15 END

  • IDD_SIMPLECONTROL definierar din dialogruta. De fyra siffrorna efter ordet "DIALOG" bestämmer x-pos, y-pos, bredd och höjd på dialogrutan. Oroa dig inte för mycket om Style -delen för tillfället. MENY IDR_THEMENU sätter in vår gamla meny i programmet. BILDTECKNINGEN talar för sig själv liksom teckensnittet. DEFPUSHBUTTON skapar vår knapp med namnet "Hej!" och vi definierar det genom att säga ID_HELLO och ger det x-pos och y-pos och bredd- och höjdkoordinater.
  • Det är allt! Vi är klara med vårt resursskript. Bara en sak kvar. Vi måste tilldela värden till alla de saker som vi definierade i vårt resursskript (t.ex. IDR_THEMENU, etc.) Spara resursfilen som SimpleProg.rc.
  • 46622 11
    46622 11

    Steg 10. Gå till Arkiv -> Ny -> Källfil

    Lägga till källfilen i det aktuella projektet? Ja. Du kommer att få en tom skärm. För att tilldela våra definierade kontroller värden ger vi dem siffror. Det spelar ingen roll för vilka nummer du ger dina kontroller, men du bör göra dem organiserade. Till exempel, definiera inte en kontroll genom att ge den ett slumpmässigt nummer som 062491 eller något. Så skriv:

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

    46622 12
    46622 12

    Steg 11. Spara den här filen som resource.h Kommer du ihåg att vi gjorde "#include" resource.h ""?

    Det är därför vi gjorde det. Vi behövde tilldela värden.

    46622 13
    46622 13

    Steg 12. Återgå till källan, vår SimpleProg.c eller vad du kallade den

    Typ:

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

    46622 14
    46622 14

    Steg 13. Oroa dig inte för mycket med allt det tekniska här

    Vet bara att dessa delar återställer dialogrutan till vårt meddelandehanteringsförfarande som kallas SimpleProc.

    46622 15
    46622 15

    Steg 14. Typ:

      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, " "Hallå!", MB_OK) paus; case ID_FILE_EXIT: EndDialog (hWndDlg, 0); break;} break; case WM_CLOSE: EndDialog (hWndDlg, 0); ha sönder; default: return FALSE;} return TRUE;}

    • Denna del hanterar dialogmeddelanden. Till exempel i fallet ID_HELLO (vår knapp) gör vi en meddelanderuta som säger hej. I det fall där vi går till Arkiv och Avsluta stänger vi fönstret i fall ID_FILE_EXIT.
    46622 17
    46622 17

    Steg 15. Se till att din SimpleProc kommer före int WINAPI WINMAIN -delen

    Detta är viktigt om du vill att ditt program ska fungera.

    46622 18
    46622 18

    Steg 16. Tryck på F9 för att kompilera och köra ditt program

    Tips

    • Om du blir frustrerad någon gång, ta en paus och kom tillbaka.
    • Om du går vilse finns det många självstudier på internet.
    • Detta är en nybörjarhandledning, så många delar förklaras inte. Även om det är en nybörjarhandledning rekommenderas det att du har VID erfarenhet av programmeringsvärlden (t.ex. att förstå växeluttalanden, om-annat, etc.)

    Rekommenderad: