Een venster maken (een applicatie): 4 stappen (met afbeeldingen)

Inhoudsopgave:

Een venster maken (een applicatie): 4 stappen (met afbeeldingen)
Een venster maken (een applicatie): 4 stappen (met afbeeldingen)

Video: Een venster maken (een applicatie): 4 stappen (met afbeeldingen)

Video: Een venster maken (een applicatie): 4 stappen (met afbeeldingen)
Video: 01 VBA voor Excel - Basisbeginselen 2024, April
Anonim

Heb je je ooit afgevraagd hoe programma's zoals Paint of Calculator worden gemaakt? Leer hoe u een basistoepassing maakt met behulp van deze stapsgewijze handleiding.

Stappen

46622 1
46622 1

Stap 1. Koop een compiler

Een compiler zet je ruwe broncode (die je binnenkort gaat schrijven) om in een uitvoerbare applicatie. Download voor deze tutorial DEV-CPP IDE. Je kunt het hier downloaden.

46622 2
46622 2

Stap 2. Na het installeren van DEV-CPP, open het

U krijgt een venster te zien met een tekstgebied waar u uw broncode gaat schrijven.

46622 3
46622 3

Stap 3. Maak je klaar om een programma te schrijven om tekst in een tekstvak weer te geven

Voordat u begint met het schrijven van de broncode, moet u er rekening mee houden dat Win32-toepassingen zich niet op dezelfde manier gedragen als andere talen, zoals JAVA.

46622 4
46622 4

Stap 4. Ga in het hoofdscherm van DEV-CPP naar Bestand -> Nieuw -> Project

U krijgt een ander scherm te zien. Kies de kleine afbeelding met de tekst "Windows-toepassing" en stel de taal in op "C", niet op "C++". Voer in het tekstvak waar 'Naam' staat 'SimpleProgram' in. DEV-CPP zal u nu vragen waar u het wilt opslaan. Sla het bestand op in een willekeurige map, maar onthoud het wel. Zodra je daarmee klaar bent, krijg je een sjabloon te zien op het bronscherm. Doe Ctrl+A en dan Backspace. De reden dat we dit doen is om opnieuw te kunnen beginnen.

46622 5
46622 5

Stap 5. Typ aan het begin van je bron "#include" (zonder de aanhalingstekens)

Dit omvat de Windows-bibliotheek, zodat u een toepassing kunt maken. Schrijf direct daaronder: #include "resource.h" En typ dan: const char g_szClassName = "myWindowClass";

46622 6
46622 6

Stap 6. Schrijf één methode om alle berichten te verwerken en schrijf een andere methode waarbij we de berichten van de bronnen zullen behandelen

Maak je geen zorgen als dit verwarrend is. Het zal later duidelijk worden. Sla nu uw bron op als SimpleProg.c. We laten het voorlopig zoals het is.

46622 7
46622 7

Stap 7. Maak een resourcescript

Een bronscript is een stukje broncode dat al uw bedieningselementen definieert (bijvoorbeeld: tekstvak, knoppen, enz.). U neemt uw bronscript op in uw programma en Voila! Je krijgt een programma. Het schrijven van het bronscript is niet moeilijk, maar kan tijdrovend zijn als u geen visuele editor hebt. Dit komt omdat u de exacte X- en Y-coördinaten van de bedieningselementen, enz. moet schatten. Ga in het hoofdscherm van uw DEV-CPP naar Bestand -> Nieuw -> Bronbestand. DEV-CPP zal u vragen "Add resource file to current Project?" Klik op JA. Typ bovenaan je resourcescript #include "resource.h", en typ ook #include Dit zorgt voor alle controles.

46622 8
46622 8

Stap 8. Maak je eerste controle:

een eenvoudige menukaart. Type:

    IDR_THEMENU MENU BEGIN POPUP "&Bestand" BEGIN MENUITEM "E&Exit", ID_FILE_EXIT END END

  • Het gedeelte "IDR_THEMENU" definieert uw menu als THEMENU. Je kunt het echter noemen wat je wilt. Het BEGIN-gedeelte spreekt voor zich. De POPUP "&Bestand" maakt een nieuwe menucategorie met de naam Bestand. Met het & teken kan de gebruiker van uw applicatie Ctrl+F typen op het toetsenbord en snel toegang krijgen tot uw menu:) Het MENUITEM "E&xit", ID_FILE_EXIT voegt een menu-item toe aan de categorie Bestand. U moet echter het menu-item definiëren door ID_FILE_EXIT te doen.

Stap 9. Nu voor het knopgedeelte

Uw knop bevindt zich in een dialoogvenster, dus we moeten eerst het dialoogvenster maken. Doe dit door te typen:

46622 9
46622 9

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

  • De IDD_SIMPLECONTROL definieert uw dialoog. De vier cijfers na het woord "DIALOG" bepalen x-pos, y-pos, breedte en hoogte van het dialoogvenster. Maak je voorlopig niet al te veel zorgen over het stijlgedeelte. Het MENU IDR_THEMENU zet ons oude menu in het programma. Het bijschrift spreekt voor zich, net als het lettertype. De DEFPUSHBUTTON maakt onze knop met de naam "Hallo!" en we definiëren het door ID_HELLO te zeggen en het x-pos en y-pos en breedte- en hoogtecoördinaten te geven.
  • Dat is het! We zijn klaar met ons bronscript. Er blijft nog maar één ding over. We moeten waarden toewijzen aan alle dingen die we in ons bronscript hebben gedefinieerd (bijv. IDR_THEMENU, enz.). Sla het bronbestand op als SimpleProg.rc.
  • 46622 11
    46622 11

    Stap 10. Ga naar Bestand -> Nieuw -> Bronbestand

    Het bronbestand toevoegen aan het huidige project? Ja. U krijgt een leeg scherm te zien. Om waarden toe te kennen aan onze gedefinieerde besturingselementen, geven we ze nummers. Het maakt niet zoveel uit op welke nummers je je controles geeft, maar je moet ze ordenen. Definieer bijvoorbeeld geen besturingselement door het een willekeurig nummer te geven, zoals 062491 of zoiets. Typ dus:

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

    46622 12
    46622 12

    Stap 11. Sla dit bestand op als resource.h Weet je nog dat we "#include "resource.h"" hebben gedaan?

    Nou, daarom hebben we het gedaan. We moesten waarden toekennen.

    46622 13
    46622 13

    Stap 12. Ga terug naar de bron, onze SimpleProg.c of hoe je het ook noemde

    Type:

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

    46622 14
    46622 14

    Stap 13. Maak je niet al te veel zorgen met alle technische dingen hier

    Weet gewoon dat dit onderdeel het dialoogvenster terugstuurt naar onze procedure voor berichtafhandeling genaamd SimpleProc.

    46622 15
    46622 15

    Stap 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, "Hey", "Hallo!", MB_OK)pauze; case ID_FILE_EXIT:EndDialog(hWndDlg, 0);break;}break;case WM_CLOSE:EndDialog(hWndDlg, 0); pauze; standaard: retourneer ONWAAR;} retourneer WAAR;}

    • Dit deel behandelt de dialoogberichten. Bijvoorbeeld in het geval ID_HELLO (onze knop), maken we een berichtvenster met hallo. Ook in het geval dat we naar Bestand en Afsluiten gaan, sluiten we het venster in het geval dat ID_FILE_EXIT.
    46622 17
    46622 17

    Stap 15. Zorg ervoor dat uw SimpleProc vóór het int WINAPI WINMAIN-gedeelte komt

    Dit is belangrijk als u wilt dat uw programma werkt.

    46622 18
    46622 18

    Stap 16. Druk op F9 om uw programma te compileren en uit te voeren

    Tips

    • Als je op een bepaald moment gefrustreerd raakt, neem dan een pauze en kom terug.
    • Als je verdwaalt, zijn er veel tutorials beschikbaar op internet.
    • Dit is een tutorial voor beginners, dus veel onderdelen worden niet uitgelegd. Zelfs als het een tutorial voor beginners is, wordt aanbevolen dat je ENIGE ervaring hebt in de programmeerwereld (bijvoorbeeld het begrijpen van switch-statements, if-else, etc.)

    Aanbevolen: