‫Bienvenue dans le chapitre WP if de cette vidéo, nous allons tout configurer pour l'application Hello World,
‫vous devez donc ouvrir le programme d'installation de Visual Studio, puis vous trouverez
‫ici installé et votre communauté Visual Studio 2017.
‫Et ici, modifiez simplement ou cliquez sur plus, puis sur Modifier, cela préparera les choses et vous pourrez ensuite
‫installer des charges de travail.
‫Et ici, il est important d'installer également le DOT dans cette charge de travail de développement de bureau.
‫Cela vous permettra de créer des formulaires WP Windows, etc.
‫Donc, si vous ne l'avez pas, recherchez simplement WP F ici ou recherchez le point net ici et installez le
‫développement de bureau point net, une fois cela fait, vous pouvez fermer cela et vous pouvez aller de l'avant et ouvrir
‫un nouveau projet.
‫Et maintenant, après l'avoir installé, vous verrez quelque chose appelé WP Fab Dot Net Framework ici afin que vous
‫puissiez accéder à Visual C Sharp et là vous trouverez l'application YPF et je vais juste
‫appeler le F zero one.
‫Et allons-y.
‫Ouvrons-le et le concepteur se chargera, puis vous trouverez ce fichier Dot Zemel de la fenêtre principale et maintenant vous vous demandez peut-être quel
‫est le fichier exemple et ce qu'est tout cela ici.
‫Eh bien, c'est notre interface utilisateur graphique GUI.
‫Et ici, nous pouvons faire glisser des éléments tels qu'une zone de texte ou nous pouvons faire glisser des boutons, mais nous pouvons également le
‫faire dans le code normal.
‫Nous cherchions à donner beaucoup plus d'exemples dans les prochaines vidéos, mais pour l'instant, créons simplement quelque chose
‫ici, qui est un texte d'enfer et que vous pouvez donc ouvrir.
‫La boîte à outils sur le côté gauche, et ici vous trouverez tous les différents contrôles et ainsi de suite que vous pouvez faire glisser dans
‫votre fenêtre principale, comme vous pouvez le voir, c'est ce qu'on appelle la fenêtre principale.
‫Et si vous recherchez ce titre, vous le trouverez également ici dans votre exemple.
‫Donc, comme vous pouvez le voir, il est divisé ici.
‫Il y a une partie et il y a une partie conception.
‫Cette fenêtre de conception est donc ce que vous pouvez voir ici.
‫Et puis il y a cette fenêtre, que vous pouvez voir ici.
‫Et c'est à peu près le froid qui compose cette fenêtre que vous pouvez voir ici.
‫Il utilise donc plusieurs noms, face jusqu'ici.
‫Ensuite, c'est la classe de fenêtre principale.
‫C'est à peu près la classe que nous utilisons ici.
‫Comme vous pouvez le voir ici, la fenêtre principale, cet exemple, et il y a un manteau derrière une vitre.
‫Nous examinerons cela dans une seconde.
‫Et puis il y a le titre Hauteur.
‫Et avec ainsi nous avons défini la largeur de notre fenêtre.
‫Ici, nous définissons la hauteur et bien sûr, ce titre ici en haut.
‫Maintenant, ouvrons à nouveau le design.
‫Cliquons sur Conception.
‫Vous pouvez même double-cliquer dessus.
‫Ensuite, vous le voyez dans toute une fenêtre et une grande fenêtre.
‫Et puis pour ouvrir la boîte à outils, vous pouvez appuyer sur Ctrl alt x ou vous pouvez simplement aller voir et là vous trouverez
‫la boîte à outils.
‫Je vais donc ouvrir la boîte à outils.
‫Comme vous pouvez le voir maintenant, il est là et je veux faire glisser un bloc de texte.
‫Et nous sommes, c'est notre blog de texte, et vous pouvez voir que vous pouvez changer sa position et maintenant si nous le faisons glisser
‫ici, nous pouvons voir que les choses changent également ici dans la grille.
‫Donc, si je le déplace, comme vous pouvez le voir, la marge a changé.
‫L'habillage du texte est configuré pour envelopper, puis il est aligné verticalement vers le haut et vers la gauche, aligné
‫horizontalement vers la gauche.
‫Donc, comme vous pouvez le voir, vous pouvez jouer avec la valeur ici.
‫Et je vais juste le positionner plus ou moins au centre.
‫Et ce qu'il fait simplement, il ajoute ces marges, comme vous pouvez le voir, un virgule quarante-sept vers le haut
‫et deux cent vingt-cinq vers la gauche.
‫Alors maintenant, si je veux changer le texte, je peux simplement changer le texte ici ou je peux double-cliquer ici, puis
‫changer le texte ici.
‫Alors je vais juste dire quelque chose comme, Bonjour tout le monde.
‫Et si j'entre ou si je clique ailleurs, comme vous pouvez le voir, il y a cette entrée ici.
‫Je vais donc me débarrasser de ça à nouveau comme ça et cliquer pour décider.
‫Donc, comme vous pouvez le voir, il ne prend que l'espace dont il a besoin.
‫C'est donc l'habillage du texte ici et cela a à voir avec cet habillage de texte ou égal à l'habillage.
‫D'accord.
‫Nous allons donc examiner l'exemple et ainsi de suite.
‫Mais tout d'abord, commençons cette application et exécutons le code et ensuite vous verrez que nous avons une
‫petite fenêtre moyenne et que nous sommes la fenêtre principale et bonjour le monde.
‫Comme vous pouvez le voir, ce n'est qu'un simple texte qui dit ici qui est défini ici dans notre interface graphique et vous pouvez
‫même l'ajuster.
‫Comme vous pouvez le voir, il n'est pas centré.
‫Il est toujours positionné au même endroit car il n'a que cette marge vers le haut et vers
‫la gauche, qui sont fixes pour le moment.
‫La fenêtre principale est appelée Fenêtre principale en raison du titre qu'elle porte.
‫Alors maintenant, c'est un petit défi pour vous.
‫Changez le texte en bonjour et votre nom, puis changez le titre en ma première interface graphique.
‫Très bien, j'espère que vous l'avez essayé, alors faisons-le.
‫Modifions le texte et je vais le faire ici dans le bloc de texte de la propriété text, et
‫celui-ci sera Bonjour, Dennis, dans mon cas.
‫Et maintenant, le titre devrait être quelque chose comme ma première interface graphique, ma première interface utilisateur graphique.
‫Commençons maintenant et nous sommes ma première interface graphique et bonjour, Dennis.
‫Super.
‫Alors maintenant, tout est configuré pour diriger d'autres choses ici, comme des boutons et toutes ces bonnes choses.
‫Et nous verrons comment créer de superbes produits dans les prochaines vidéos.
‫Alors je vous verrai là-bas.