Creació d’un programa a Visual Basic: navegador web: 9 passos

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:17

Aquest instructable explica el procés de creació d’una senzilla aplicació de navegador web a VB. NET. Està dissenyat com a seguiment del meu primer VB. NET instructable: crear el vostre primer programa a Visual Basic. Es recomana que primer llegeixi aquesta instrucció, ja que suposa que té un coneixement bàsic de la interfície de Visual Basic Express Edition, tal com es descriu a la meva altra instrucció. Tot i que Visual Basic 2005 Express Edition funciona bé per a aquesta instrucció, estic fent servir Visual Basic 2008 Express Edition, disponible a Microsoft

Pas 1: creeu el projecte

Creeu un nou projecte de Windows Forms i anomeneu-lo Navegador web. Canvieu la mida del formulari al vostre gust.

Pas 2: afegiu els controls i canvieu les propietats

Des de la caixa d’eines, arrossegueu una caixa de text, un navegador web i un botó A al formulari. Col·loqueu-los com si estiguessin a la imatge. A continuació, editeu la propietat Ancoratge de TextBox i WebBrowser de manera que estiguin seleccionades totes les caselles al voltant del quadrat gris (que es mostra quan editeu la propietat d’ancoratge), cosa que permetrà que els controls s’estenguin quan es redimensioni el formulari. Feu el mateix amb el botó, però només configureu-lo a "Amunt, a la dreta". També canvieu la propietat Text de Form1 a Navegador web o alguna cosa similar per canviar la barra de títol.

Pas 3: Codi

Feu doble clic a Button1 i afegiu el codi següent a l'editor, després de la línia "Private Sub" i abans de la línia "End Sub".

WebBrowser1. Navigate (TextBox1. Text)Aquest codi simplement indica al programa: Quan algú faci clic a Button1, aconseguiu que WebBrowser vagi al contingut de TextBox1. Teniu un navegador web en funcionament. Feu clic al botó de reproducció per provar-lo.

Pas 4: més coses

Ara, no creieu que només us donaria una línia de codi, oi? En els passos següents, implementarem el següent:

• Barra d'adreces que canvia a mesura que canvia la pàgina
• Botons enrere, endavant i actualització
• Barra d'estat.

Pas 5: barra d'adreces

De moment, tot el que fa la barra d’adreces fora és mostrar la pàgina que escriviu; si feu clic a un enllaç, el canvi no es reflectirà a la barra d’adreces. Per solucionar-ho, hem d’afegir més codi. Torneu a la visualització de disseny, feu clic a "Form 1.vb (Disseny)" i, a continuació, feu doble clic al control del navegador web. Tornarà a la visualització de codi, però hi haurà més codi, observeu que diu "WebBrowser1_DocumentCompleted", aquest és el codi que volem, de manera que no cal fer cap canvi aquí, però hi ha un espai en blanc línia sota aquesta, abans de la sentència End Sub, i hi volem afegir algun codi. Escriviu allò següent

TextBox1. Text = WebBrowser1. Url. ToStringAixò indica al programa que un cop completat WebBrowser1_DocumentC, hauríem de canviar TextBox1. Text a WebBrowser1. Url. El ToString hi és perquè, de manera predeterminada, la propietat URL del navegador web no és el mateix tipus de dades (cadena) que necessita el nostre quadre de text. ToString escriu l'URL en una cadena per a TextBox.

Pas 6: botons d'acció

Torneu a la visualització de disseny i arrossegueu 3 botons nous al formulari i col·loqueu-los. Canvieu la propietat Text de cadascun: Button2 = Endarrere, Button3 = Endavant i Button4 = Actualitzar. Si els col·loqueu com el meu, ajusteu la propietat d'ancoratge de Actualitza a la part superior, feu doble clic al botó Enrere i escriviu el codi següent.

WebBrowser1. GoBack () Torna al disseny, feu doble clic en Endavant i escriviu

WebBrowser1. GoForward ()Visualització de disseny i doble clic per actualitzar

WebBrowser1. Refresh ()Proveu el navegador i proveu les noves funcions.

Pas 7: barra d'estat

Torneu a la visualització de disseny, afegiu una etiqueta, canvieu el text a "S'està carregant …" (sense les cometes) Ara, aneu a la visualització de codi fent clic a la pestanya Form1.vb. Cerqueu l'entrada WebBrowser1_DocumentCompleted i escriviu a sota del codi que hi heu col·locat anteriorment

Label1. Text = "Fet"Ara, feu clic cap amunt on el codi diu DocumentCompleted. Mou el ratolí cap a on es trobin els dos quadres desplegables. Seleccioneu el segon (El que diu DocumentCompleted) i seleccioneu Navegació. A continuació, apareixerà un codi nou - tip

Label1. Text = "S'està carregant"Això només proporciona un indicador quan es carrega la pàgina. També és possible que vulgueu establir la propietat d’ancoratge de l’etiqueta.

Pas 8: esportista

Aquí està. Teniu un navegador web en ple funcionament. Seguiu personalitzant-lo com vulgueu. Com en el meu primer instructable. Tinc alguns deures per a aquells que completen aquesta instrucció. Implementeu el següent:

• Una funció casolana
• Canvieu el botó Actualitza a un botó Atura quan es carregui una pàgina.

Espero que aquests projectes us hagin demostrat el fàcil que és programar.

Pas 9: solucions

Per a aquells que van completar el meu primer VB instructiu, tinc les solucions per als deures que vaig establir al final.

Canvieu el color de fons

Això és senzill: canvieu la propietat BackColour de Form1 a un color diferent

Afegiu informació sobre drets d'autor

Una nova etiqueta amb la propietat del text canviat farà el truc

Feu que el formulari canviï de mida amb la imatge

Canvieu AutoSize a True i AutoSizeMode a GrowAndShrinkDone. Encara vindrà: crearé algunes instruccions VB. NET més. Seguiu codificant!