Création d'un programme en Visual Basic : Navigateur Web : 9 étapes

2024 Auteur: John Day | [email protected]. Dernière modifié: 2024-01-30 09:11

Ce Instructable explique le processus de création d'une application de navigateur Web simple dans VB. NETIl est conçu comme un suivi de mon premier VB. NET Instructable: Création de votre premier programme en Visual Basic. Il est recommandé de lire d'abord cette instructable, car cette instructable suppose que vous avez une connaissance de base de l'interface Visual Basic Express Edition, comme indiqué dans mon autre instructable. Bien que Visual Basic 2005 Express Edition fonctionne correctement pour cette instructable, j'utilise Visual Basic 2008 Express Edition, disponible auprès de Microsoft

Étape 1: Créer le projet

Créez un nouveau projet Windows Forms et appelez-le Navigateur Web. Redimensionnez le formulaire à votre guise.

Étape 2: ajouter les contrôles et modifier les propriétés

À partir de la boîte à outils, faites glisser une zone de texte, un navigateur Web et un bouton sur le formulaire. Placez-les comme ils sont sur la photo. Ensuite, modifiez la propriété Anchor de TextBox et WebBrowser afin que toutes les zones autour du carré gris (affichées lorsque vous modifiez la propriété d'ancrage) soient sélectionnées, cela permettra aux contrôles de "s'étirer" lorsque le formulaire est redimensionné. Faites de même pour le bouton, mais définissez-le uniquement sur « Top, Right ». Modifiez également la propriété Text de Form1 en navigateur Web ou quelque chose de similaire pour modifier la barre de titre.

Étape 3: Codez

Double-cliquez sur Button1, et ajoutez le code suivant à l'éditeur, après la ligne "Private Sub" et avant la ligne "End Sub"

Navigateur Web1. Naviguer(TextBox1. Text)Ce code indique simplement au programme: Quand quelqu'un clique sur Button1, obtenez WebBrowser pour accéder à tout ce qui se trouve dans TextBox1 C'est tout ! Vous disposez d'un navigateur Web fonctionnel. Cliquez sur le bouton de lecture pour le tester.

Étape 4: Plus de choses

Maintenant, vous ne pensiez pas que j'allais vous donner une seule ligne de code - n'est-ce pas ? Au cours des prochaines étapes, nous allons implémenter ce qui suit:

• Barre d'adresse qui change au fur et à mesure que la page change
• Boutons Précédent, Suivant et Actualiser
• Barre d'état.

Étape 5: Barre d'adresse

Pour le moment, toute la barre d'adresse ne fait que montrer la page que vous tapez, si vous cliquez sur un lien, le changement n'est pas reflété dans la barre d'adresse. Pour résoudre ce problème, nous devons ajouter du code supplémentaireRetournez à la vue de conception, cliquez sur "Form 1.vb (Design)", puis double-cliquez sur le contrôle WebBrowser. Il reviendra à la vue du code, mais il y aura encore du code, notez qu'il est écrit "WebBrowser1_DocumentCompleted", c'est le code que nous voulons, nous n'avons donc pas besoin d'apporter de modifications ici, mais il y a un blanc ligne sous celle-ci, avant l'instruction End Sub, et nous voulons y ajouter du code. Tapez ce qui suit là-dedans

TextBox1. Text = WebBrowser1. Url. ToStringCela indique au programme qu'une fois WebBrowser1_DocumentCompleted, nous devons remplacer TextBox1. Text par WebBrowser1. Url. Le ToString est là car, par défaut, la propriété URL du navigateur Web n'est pas du même type de données (chaîne), comme requis par notre zone de texte. Le ToString écrit l'URL dans une chaîne pour le TextBox.

Étape 6: Boutons d'action

Revenez en mode conception et faites glisser 3 nouveaux boutons sur le formulaire et positionnez-les. Modifiez la propriété Text de chacun: Button2 = Back, Button3 = Forward et Button4 = Refresh. Si vous les positionnez comme le mien, ajustez la propriété d'ancrage de Refresh to Top, RightDouble cliquez sur le bouton Back et tapez le code suivant.

Navigateur Web1. GoBack() Retour à la conception, double-cliquez sur Suivant et tapez

Navigateur Web1. GoForward()Vue Conception, et un double clic pour Actualiser

Navigateur Web1. Refresh()Testez le navigateur et essayez les nouvelles fonctionnalités.

Étape 7: Barre d'état

De retour en mode création, ajoutez une étiquette, modifiez le texte en "Chargement…" (sans les guillemets) Maintenant, passez en mode code en cliquant sur l'onglet Form1.vb. Recherchez l'entrée WebBrowser1_DocumentCompleted et tapez ci-dessous le code que vous y avez placé précédemment

Label1. Text = "Terminé"Maintenant, cliquez là où le code indique DocumentCompleted. Déplacez votre souris jusqu'à l'endroit où se trouvent les deux listes déroulantes. Sélectionnez le second (celui qui dit DocumentCompleted) et sélectionnez Navigating. Ensuite, un nouveau code apparaîtra - tapez

Label1. Text = "Chargement"Cela fournit simplement un indicateur lorsque la page est en cours de chargement. De plus, vous souhaiterez peut-être définir la propriété d'ancrage de l'étiquette.

Étape 8: Terminé

Voilà. Vous disposez d'un navigateur Web entièrement fonctionnel. Continuez à le personnaliser comme vous le souhaitez. Comme dans mon premier instructable. J'ai quelques devoirs pour ceux qui complètent cette instructable. Implémenter les éléments suivants:

• Une fonction maison
• Changez le bouton Actualiser en bouton Arrêter lorsqu'une page est en cours de chargement.

J'espère que ces projets vous ont montré à quel point il est facile de programmer !

Étape 9: Solutions

Pour ceux qui ont terminé mon premier VB instructable - j'ai les solutions pour les devoirs que j'ai définis à la fin.

Changer la couleur de fond

C'est simple - Changez la propriété BackColour de Form1 en une couleur différente

Ajouter des informations sur les droits d'auteur

Une nouvelle étiquette avec la propriété text modifiée fera l'affaire

Faire changer la taille du formulaire avec l'image

Changez AutoSize en True et AutoSizeMode en GrowAndShrinkDone ! Encore à venir: je vais créer d'autres Instructables VB. NET. Continuez à coder !