Crearea unui program în Visual Basic: Browser Web: 9 pași

2024 Autor: John Day | [email protected]. Modificat ultima dată: 2024-01-30 11:47

Acest Instructable explică procesul de creare a unei aplicații simple de browser web în VB. NET Este conceput ca o continuare a primului meu VB. NET Instructable: Crearea primului dvs. program în Visual Basic. Este recomandat să citiți mai întâi acest instructable, deoarece acest instructable presupune că aveți cunoștințe de bază despre interfața Visual Basic Express Edition, așa cum este acoperită în celălalt instructable al meu. Deși Visual Basic 2005 Express Edition funcționează bine pentru acest instructable, eu folosesc Visual Basic 2008 Express Edition, disponibil de la Microsoft

Pasul 1: Creați proiectul

Creați un nou proiect Windows Forms și numiți-l browser web. Redimensionează formularul după bunul plac.

Pasul 2: Adăugați comenzile și modificați proprietățile

Din caseta de instrumente, trageți o casetă TextBox, WebBrowser și un buton pe formular. Plasați-le așa cum sunt în imagine. Apoi, editați proprietatea Ancoră a TextBox și WebBrowser astfel încât să fie selectate toate casetele din jurul pătratului gri (afișat când editați proprietatea ancoră), aceasta va permite controalelor să „se întindă” atunci când formularul este redimensionat. Faceți același lucru pentru Buton, dar setați-l doar la „Sus, Dreapta”. De asemenea, modificați proprietatea Text a Form1 în Browser Web sau ceva similar pentru a schimba bara de titlu.

Pasul 3: Cod

Faceți dublu clic pe butonul 1 și adăugați următorul cod la editor, după linia „Private Sub” și înainte de linia „End Sub”

WebBrowser1. Navigate (TextBox1. Text)Acest cod indică pur și simplu programului: Când cineva face clic pe Buton1, puneți WebBrowser să navigheze către orice este în TextBox1 Asta este! Aveți un browser web funcțional. Faceți clic pe butonul de redare pentru a-l testa.

Pasul 4: Mai multe lucruri

Acum, nu ați crezut că o să vă dau doar o linie de cod - nu-i așa? În următorii pași, vom implementa următoarele:

• Bara de adrese care se modifică pe măsură ce pagina se schimbă
• Butoane Înapoi, înainte și reîmprospătare
• Bara de stare.

Pasul 5: Bara de adresă

În acest moment, bara de adrese nu este afișată pagina pe care o introduceți, dacă faceți clic pe un link, modificarea nu se reflectă în bara de adrese. Pentru a remedia acest lucru, trebuie să adăugăm mai mult cod Reveniți la vizualizarea de proiectare, faceți clic pe „Form 1.vb (Design)” și apoi faceți dublu clic pe controlul WebBrowser. Se va reveni la vizualizarea codului, totuși vor mai fi coduri acolo, observați că scrie „WebBrowser1_DocumentCompleted”, acesta este codul pe care îl dorim, deci nu trebuie să facem nicio modificare aici, dar există un gol linia de sub aceasta, înainte de declarația End Sub și dorim să adăugăm un cod acolo. Introduceți următoarele

TextBox1. Text = WebBrowser1. Url. ToStringAcest lucru spune programului că, odată ce WebBrowser1_DocumentCompleted, ar trebui să schimbăm TextBox1. Text în WebBrowser1. Url. ToString există deoarece, în mod implicit, proprietatea URL a browserului web nu este același tip de date (șir), așa cum este necesar de caseta noastră de text. ToString scrie adresa URL într-un șir pentru TextBox.

Pasul 6: Butoane de acțiune

Reveniți la vizualizarea de proiectare și trageți 3 butoane noi pe formular și poziționați-le. Schimbați proprietatea Text a fiecăruia: Buton2 = Înapoi, Buton3 = Înainte și Buton4 = Reîmprospătare. Dacă le poziționați ca ale mele, reglați proprietatea de ancorare a Reîmprospătare la început, Faceți clic dreapta pe butonul Înapoi și tastați următorul cod.

WebBrowser1. GoBack () Înapoi la proiectare, faceți dublu clic pe Înainte și tastați

WebBrowser1. GoForward ()Vizualizare proiectare și un dublu clic pentru Reîmprospătare

WebBrowser1. Refresh ()Testați browserul și încercați noile funcții.

Pasul 7: Bara de stare

Înapoi în vizualizarea de proiectare, adăugați o etichetă, schimbați textul în „Încărcare…” (fără ghilimele) Acum, intrați în vizualizarea codului făcând clic pe fila Form1.vb. Găsiți intrarea WebBrowser1_DocumentCompleted și tastați sub codul pe care l-ați plasat mai devreme

Label1. Text = "Terminat"Acum, faceți clic în sus, unde codul spune DocumentCompleted. Mutați mouse-ul până acolo unde sunt cele două casete derulante. Selectați al doilea (Cel care spune DocumentCompleted) și selectați Navigare. Apoi, va apărea un nou cod - tip

Label1. Text = "Încărcare"Acesta oferă doar un indicator când pagina se încarcă. De asemenea, este posibil să doriți să setați proprietatea de ancorare a etichetei.

Pasul 8: Comlete

Iată-te. Aveți un browser web complet funcțional. Continuați să îl personalizați după cum doriți. La fel ca în primul meu instructable. Am câteva teme pentru cei care finalizează acest instructable. Implementați următoarele:

• O funcție de acasă
• Schimbați butonul Reîmprospătare cu un buton Stop când se încarcă o pagină.

Sper că aceste proiecte v-au arătat cât de ușor este să programați!

Pasul 9: Soluții

Pentru cei care au finalizat primul meu VB instructabil - am soluțiile pentru temele stabilite la final.

Schimbați culoarea de fundal

Acest lucru este simplu - Schimbați proprietatea BackColour a Form1 cu o culoare diferită

Adăugați câteva informații privind drepturile de autor

O nouă etichetă cu proprietatea textului modificată va face trucul

Modificați dimensiunea formularului cu imaginea

Schimbați AutoSize la True și AutoSizeMode la GrowAndShrinkDone! Încă urmează: Voi crea mai multe instrumente VB. NET. Continuați codarea!