Comment faire une fenêtre (une application) : 4 étapes (avec des images)

Table des matières:

Comment faire une fenêtre (une application) : 4 étapes (avec des images)
Comment faire une fenêtre (une application) : 4 étapes (avec des images)

Vidéo: Comment faire une fenêtre (une application) : 4 étapes (avec des images)

Vidéo: Comment faire une fenêtre (une application) : 4 étapes (avec des images)
Vidéo: Tuto Visual Basic débutant | Bien démarrer avec VB & WinForms 2024, Mars
Anonim

Vous êtes-vous déjà demandé comment sont créés des programmes comme Paint ou Calculator ? Eh bien, apprenez à créer une application de base à l'aide de ce guide étape par étape.

Pas

46622 1
46622 1

Étape 1. Obtenez un compilateur

Un compilateur transforme votre code source brut (que vous écrirez bientôt) en une application exécutable. Pour les besoins de ce didacticiel, obtenez DEV-CPP IDE. Vous pouvez le télécharger ici.

46622 2
46622 2

Étape 2. Après avoir installé DEV-CPP, ouvrez-le

Une fenêtre avec une zone de texte vous sera présentée dans laquelle vous écrirez votre code source.

46622 3
46622 3

Étape 3. Préparez-vous à écrire un programme pour afficher du texte dans une zone de texte

Avant de commencer à écrire la source, gardez à l'esprit que les applications Win32 ne se comportent pas de la même manière que d'autres langages, tels que JAVA.

46622 4
46622 4

Étape 4. Dans l'écran principal de DEV-CPP, accédez à Fichier -> Nouveau -> Projet

Un autre écran vous sera présenté. Choisissez la petite image qui dit "Application Windows" et définissez le langage comme "C", pas "C++". Dans la zone de texte où il est écrit "Nom", entrez "SimpleProgram". Maintenant, DEV-CPP vous demandera où vous souhaitez l'enregistrer. Enregistrez le fichier dans n'importe quel répertoire, mais assurez-vous simplement de vous en souvenir. Dès que vous avez terminé, un modèle vous sera présenté sur l'écran source. Faites Ctrl+A puis Retour arrière. La raison pour laquelle nous faisons cela, c'est pour que nous puissions recommencer.

46622 5
46622 5

Étape 5. Au début de votre source, tapez " #include " (sans les guillemets)

Cela inclut la bibliothèque Windows afin que vous puissiez créer une application. Directement en dessous, écrivez: #include "resource.h" Et puis tapez: const char g_szClassName = "myWindowClass";

46622 6
46622 6

Étape 6. Écrivez une méthode pour gérer tous les messages et écrivez une autre méthode où nous gérerons les messages des ressources

Ne vous inquiétez pas si cela prête à confusion. Cela deviendra clair plus tard. Maintenant, enregistrez votre source sous le nom SimpleProg.c. Nous allons le laisser tel quel pour le moment.

46622 7
46622 7

Étape 7. Créez un script de ressource

Un script de ressource est un morceau de code source qui définit tous vos contrôles (par exemple: zone de texte, boutons, etc.) Vous intégrerez votre script de ressource dans votre programme et voilà ! Vous aurez un programme. L'écriture du script de ressource n'est pas difficile, mais peut prendre du temps si vous ne disposez pas d'un éditeur visuel. En effet, vous devrez estimer les coordonnées exactes X et Y des contrôles, etc. Dans votre écran principal DEV-CPP, allez dans Fichier -> Nouveau -> Fichier de ressources. DEV-CPP vous demandera « Ajouter un fichier de ressources au projet actuel ? » Cliquez sur OUI. En haut de votre script de ressource, tapez #include "resource.h", et tapez également #include Cela prend en charge tous les contrôles.

46622 8
46622 8

Étape 8. Faites votre premier contrôle:

un menu simple. Taper:

    IDR_THEMENU MENU BEGIN POPUP "&Fichier" BEGIN MENUITEM "S&xit", ID_FILE_EXIT END END

  • La partie "IDR_THEMENU" définit votre menu comme THEMENU. Vous pouvez cependant l'appeler comme vous voulez. La partie BEGIN est explicite. Le POPUP "&Fichier" crée une nouvelle catégorie de menu appelée Fichier. Le signe & permet à l'utilisateur de votre application de taper Ctrl+F sur le clavier et d'accéder rapidement à votre menu:) L'ITEM MENU "E&xit", ID_FILE_EXIT ajoute un élément de menu à la catégorie Fichier. Vous devez cependant définir l'élément de menu en faisant ID_FILE_EXIT.

Étape 9. Maintenant pour la partie bouton

Votre bouton sera à l'intérieur d'une boîte de dialogue, nous devons donc d'abord créer la boîte de dialogue. Pour ce faire, saisissez:

46622 9
46622 9

IDD_SIMPLECONTROL DIALOG 50, 50, 150, 142 STYLE 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 définit votre dialogue. Les quatre nombres après le mot "DIALOG" déterminent x-pos, y-pos, la largeur et la hauteur de la boîte de dialogue. Ne vous inquiétez pas trop de la partie Style pour l'instant. Le MENU IDR_THEMENU met notre ancien menu dans le programme. La LÉGENDE parle d'elle-même, tout comme la police. Le DEFPUSHBUTTON crée notre bouton nommé "Bonjour !" et nous le définissons en disant ID_HELLO et lui donnons x-pos et y-pos et les coordonnées de largeur et de hauteur.
  • C'est ça! Nous avons terminé avec notre script de ressources. Il ne reste qu'une chose. Nous devons attribuer des valeurs à toutes les choses que nous avons définies dans notre script de ressources (par exemple IDR_THEMENU, etc.) Enregistrez le fichier de ressources sous le nom SimpleProg.rc.
  • 46622 11
    46622 11

    Étape 10. Allez dans Fichier -> Nouveau -> Fichier source

    Ajouter le fichier source au projet en cours ? Oui. Un écran vide vous sera présenté. Pour attribuer des valeurs à nos contrôles définis, nous leur donnons des numéros. Peu importe les nombres que vous donnez à vos contrôles, mais vous devez les organiser. Par exemple, ne définissez pas un contrôle en lui donnant un nombre aléatoire comme 062491 ou quelque chose du genre. Tapez donc:

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

    46622 12
    46622 12

    Étape 11. Enregistrez ce fichier sous le nom resource.h Vous souvenez-vous que nous avons fait "#include "resource.h"" ?

    Eh bien, c'est pourquoi nous l'avons fait. Nous devions attribuer des valeurs.

    46622 13
    46622 13

    Étape 12. Revenez à la source, notre SimpleProg.c ou quel que soit votre nom

    Taper:

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

    46622 14
    46622 14

    Étape 13. Ne vous inquiétez pas trop avec tous les trucs techniques ici

    Sachez simplement que cette partie renvoie la boîte de dialogue à notre procédure de gestion des messages appelée SimpleProc.

    46622 15
    46622 15

    Étape 14. Tapez:

      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", "Bonjour !", MB_OK) pause; case ID_FILE_EXIT:EndDialog(hWndDlg, 0);break;}break;case WM_CLOSE:EndDialog(hWndDlg, 0); Pause; par défaut: renvoie FAUX;} renvoie VRAI;}

    • Cette partie gère les messages de dialogue. Par exemple dans le cas ID_HELLO (notre bouton), nous créons une boîte de message disant bonjour. De plus, dans le cas où nous allons dans File and Exit, nous fermons la fenêtre dans le cas ID_FILE_EXIT.
    46622 17
    46622 17

    Étape 15. Assurez-vous que votre SimpleProc vient avant la partie int WINAPI WINMAIN

    Ceci est important si vous voulez que votre programme fonctionne.

    46622 18
    46622 18

    Étape 16. Appuyez sur F9 pour compiler et exécuter votre programme

    Des astuces

    • Si vous êtes frustré à un moment donné, faites une pause et revenez.
    • Si vous vous perdez, il existe de nombreux tutoriels disponibles sur internet.
    • Il s'agit d'un tutoriel pour débutants, donc de nombreuses parties ne sont pas expliquées. Même s'il s'agit d'un didacticiel pour débutant, il est recommandé d'avoir une certaine expérience dans le monde de la programmation (par exemple, comprendre les instructions switch, if-else, etc.)

    Conseillé: