Sommario:
- Passaggio 1: creare il progetto
- Passaggio 2: aggiungi i controlli e modifica le proprietà
- Passaggio 3: codice
- Passaggio 4: più cose
- Passaggio 5: barra degli indirizzi
- Passaggio 6: pulsanti di azione
- Passaggio 7: barra di stato
- Passaggio 8: Completa
- Passaggio 9: soluzioni
Video: Creazione di un programma in Visual Basic: Browser Web: 9 passaggi
2024 Autore: John Day | [email protected]. Ultima modifica: 2024-01-30 10:05
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 un nuovo progetto Windows Form e chiamalo Browser Web. Ridimensiona il modulo a tuo piacimento.
Passaggio 2: aggiungi i controlli e modifica 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
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
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
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
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
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
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
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:
Configurazione dei fusibili del microcontrollore AVR. Creazione e caricamento nella memoria flash del microcontrollore del programma di lampeggio dei LED.: 5 passaggi
Configurazione dei fusibili del microcontrollore AVR. Creazione e caricamento nella memoria flash del microcontrollore del LED lampeggiante Program.: In questo caso creeremo un semplice programma in codice C e lo masterizzeremo nella memoria del microcontrollore. Scriveremo il nostro programma e compileremo il file esadecimale, utilizzando Atmel Studio come piattaforma di sviluppo integrata. Configurare il fusibile bi
Creare il tuo primo programma in Visual Basic: 7 passaggi
Creazione del tuo primo programma in Visual Basic: questa istruzione ti mostrerà come programmare Microsoft Visual Basic 2005 Express Edition. L'esempio che creerai oggi è un semplice visualizzatore di immagini. Se ti piace questo istruibile, premi il pulsante + nella parte superiore dell'istruibile. Grazie
Come creare un semplice programma di chat in Visual Basic utilizzando il controllo Microsoft Winsock: 7 passaggi
Come creare un semplice programma di chat in Visual Basic utilizzando il controllo Microsoft Winsock: In questo instuctable ti mostrerò come creare un semplice programma di chat in Visual Basic. esaminerò cosa fa tutto il codice così imparerai mentre lo crei e alla fine ti mostrerò come usarlo
Crea un browser Web in Visual Basic: 12 passaggi
Crea un browser Web in Visual Basic: ti insegnerò come creare un browser Web in Visual Basic 2005
Come creare un browser Web in "Visual Basic": 11 passaggi
Come creare un browser Web in "Visual Basic": Prima di tutto devi scaricare Microsoft Visual Basic. Qualsiasi forma di Visual Basic è buona, ma ricorda, alcune di esse costano denaro. Utilizzo la versione gratuita di Visual Basic "Express Edition" ma come ho detto, qualsiasi forma andrà bene. http://www.mic