Sommario:

Creazione di un programma in Visual Basic: Browser Web: 9 passaggi
Creazione di un programma in Visual Basic: Browser Web: 9 passaggi

Video: Creazione di un programma in Visual Basic: Browser Web: 9 passaggi

Video: Creazione di un programma in Visual Basic: Browser Web: 9 passaggi
Video: Visual Studio 2019 | Come Creare Un Browser di BASE | Visual Basic 2024, Novembre
Anonim
Creazione di un programma in Visual Basic: browser Web
Creazione di un programma in Visual Basic: browser Web

Questo Instructable spiega il processo di creazione di una semplice applicazione browser Web in VB. NET È progettato come seguito al mio primo Instructable VB. NET: Creazione del primo programma in Visual Basic. Si consiglia di leggere prima l'istruzione, poiché questa istruzione presuppone che tu abbia una conoscenza di base dell'interfaccia di Visual Basic Express Edition, come spiegato nell'altra istruzione. Sebbene Visual Basic 2005 Express Edition funzioni bene per questa istruzione, sto usando Visual Basic 2008 Express Edition, disponibile da Microsoft

Passaggio 1: creare il progetto

Crea il progetto
Crea il progetto

Crea un nuovo progetto Windows Form e chiamalo Browser Web. Ridimensiona il modulo a tuo piacimento.

Passaggio 2: aggiungi i controlli e modifica le proprietà

Aggiungi i controlli e cambia le proprietà
Aggiungi i controlli e cambia le proprietà

Dalla casella degli strumenti, trascina una casella di testo, un browser Web e un pulsante A nel form. Posizionali come nella foto. Quindi, modifica la proprietà Anchor di TextBox e WebBrowser in modo che tutte le caselle attorno al quadrato grigio (mostrate quando modifichi la proprietà di ancoraggio) siano selezionate, questo consentirà ai controlli di "allungarsi" quando il modulo viene ridimensionato. Fai lo stesso per il pulsante, ma impostalo solo su "Top, Right". Cambia anche la proprietà Text di Form1 in Web Browser o qualcosa di simile per cambiare la barra del titolo.

Passaggio 3: codice

Codice!
Codice!

Fare doppio clic su Button1 e aggiungere il seguente codice all'editor, dopo la riga "Private Sub" e prima della riga "End Sub"

WebBrowser1. Naviga (CasellaTesto1. Testo)Questo codice dice semplicemente al programma: Quando qualcuno fa clic su Button1, Ottieni WebBrowser per navigare verso qualsiasi cosa sia in TextBox1 Questo è tutto! Hai un browser web funzionante. Fare clic sul pulsante di riproduzione per provarlo.

Passaggio 4: più cose

Più roba
Più roba

Ora, non pensavi che ti avrei dato solo una riga di codice, vero? Nei prossimi passaggi, implementeremo quanto segue:

  • Barra degli indirizzi che cambia al cambiare della pagina
  • Pulsanti Indietro, Avanti e Aggiorna
  • Barra di stato.

Passaggio 5: barra degli indirizzi

Barra degli indirizzi
Barra degli indirizzi

Al momento, tutto ciò che fa la barra degli indirizzi è mostrare la pagina che hai digitato, se fai clic su un collegamento, la modifica non si riflette nella barra degli indirizzi. Per risolvere questo problema, è necessario aggiungere altro codice Torna alla visualizzazione del design, fai clic su "Form 1.vb (Design)" e quindi fai doppio clic sul controllo WebBrowser. Tornerà alla vista codice, tuttavia ci sarà altro codice lì, nota che dice "WebBrowser1_DocumentCompleted", questo è il codice che vogliamo, quindi non è necessario apportare modifiche qui, ma c'è uno spazio vuoto riga sotto quella, prima dell'istruzione End Sub, e vogliamo aggiungere del codice lì. Digita quanto segue qui dentro

TextBox1. Text = WebBrowser1. Url. ToStringQuesto dice al programma che una volta WebBrowser1_DocumentCompleted, dovremmo cambiare TextBox1. Text in WebBrowser1. Url. Il ToString è lì perché, per impostazione predefinita, la proprietà URL del browser Web non è lo stesso tipo di dati (stringa), come richiesto dalla nostra casella di testo. Il ToString scrive l'URL in una stringa per TextBox.

Passaggio 6: pulsanti di azione

Pulsanti di azione
Pulsanti di azione

Torna alla visualizzazione struttura e trascina 3 nuovi pulsanti sul modulo e posizionali. Modificare la proprietà Text di ogni: Button2 = Indietro, Button3 = Avanti e Button4 = Aggiorna. Se li posizioni come i miei, regola la proprietà di ancoraggio di Aggiorna in alto, fai doppio clic con il pulsante destro del mouse sul pulsante Indietro e digita il codice seguente.

WebBrowser1. GoBack() Torna al design, fai doppio clic su Avanti e digita

WebBrowser1. GoForward()Vista Progettazione e un doppio clic per Aggiorna

WebBrowser1. Aggiorna()Prova il browser e prova le nuove funzionalità.

Passaggio 7: barra di stato

Barra di stato
Barra di stato

Torna in visualizzazione struttura, aggiungi un'etichetta, cambia il testo in "Caricamento in corso…" (senza virgolette) Ora vai in visualizzazione codice facendo clic sulla scheda Form1.vb. Trova la voce WebBrowser1_DocumentCompleted e digita sotto il codice che hai inserito in precedenza

Label1. Text = "Fatto"Ora, fai clic su dove il codice dice DocumentCompleted. Sposta il mouse fino al punto in cui si trovano le due caselle a discesa. Seleziona il secondo (quello che dice DocumentCompleted) e seleziona Navigating. Quindi, apparirà un nuovo codice - typ

Label1. Text = "Caricamento"Questo fornisce solo un indicatore quando la pagina si sta caricando. Inoltre, potresti voler impostare la proprietà di ancoraggio dell'etichetta.

Passaggio 8: Completa

completo!
completo!

Ecco qua. Hai un browser web perfettamente funzionante. Continua a personalizzarlo come desideri. Come nel mio primo istruibile. Ho dei compiti per coloro che completano questo tutorial. Implementa quanto segue:

  • Una funzione domestica
  • Cambia il pulsante Aggiorna in un pulsante Interrompi durante il caricamento di una pagina.

Spero che questi progetti vi abbiano mostrato quanto sia facile programmare!

Passaggio 9: soluzioni

Soluzioni
Soluzioni

Per coloro che hanno completato la mia prima istruzione VB - ho le soluzioni per i compiti che ho impostato alla fine.

Cambia il colore di sfondo

È semplice: cambia la proprietà BackColour di Form1 in un colore diverso

Aggiungi alcune informazioni sul copyright

Una nuova etichetta con la proprietà text modificata farà il trucco

Modifica le dimensioni del modulo con l'immagine

Cambia AutoSize in True e AutoSizeMode in GrowAndShrinkDone! Ancora a venire: creerò altri Instructables VB. NET. Continua a programmare!

Consigliato: