Izrada programa u Visual Basicu: Web preglednik: 9 koraka

2024 Autor: John Day | [email protected]. Zadnja promjena: 2024-01-30 09:38

Ovaj Instructable objašnjava proces stvaranja jednostavne aplikacije za web preglednik u VB. NET -u. Osmišljen je kao nastavak mog prvog VB. NET Instructable -a: Stvaranje vašeg prvog programa u Visual Basicu. Preporučuje se da prvo pročitate to uputstvo, jer ovo uputstvo pretpostavlja da imate osnovno znanje o sučelju Visual Basic Express Edition, kako je opisano u mojim drugim uputama. Iako Visual Basic 2005 Express Edition radi dobro za ovo uputstvo, ja koristim Visual Basic 2008 Express Edition, dostupno od Microsofta

Korak 1: Izradite projekt

Izradite novi projekt Windows Forms i nazovite ga Web preglednik. Promijenite veličinu obrasca po svom ukusu.

Korak 2: Dodajte kontrole i promijenite svojstva

Iz okvira s alatima povucite TextBox, WebBrowser i gumb A na obrazac. Postavite ih kao što su na slici. Zatim uredite svojstvo Sidro TextBox -a i WebBrowsera tako da budu odabrani svi okviri oko sivog kvadrata (prikazani pri uređivanju svojstva sidra), što će omogućiti da se kontrole "rastegnu" kada se promijeni veličina obrasca. Učinite isto za Gumb, ali ga postavite samo na "Gore, Desno". Također promijenite svojstvo Text forme Form1 u web preglednik ili nešto slično za promjenu naslovne trake.

Korak 3: Kodirajte

Dvaput kliknite na Button1 i dodajte sljedeći kôd u uređivač, nakon retka "Private Sub" i prije retka "End Sub"

WebBrowser1. Navigate (TextBox1. Text)Ovaj kôd jednostavno govori programu: Kada netko klikne gumb 1, nabavite WebBrowser za navigaciju do svega što je u TextBox1 To je to! Imate funkcionalni web preglednik. Pritisnite gumb za reprodukciju da biste ga isprobali.

Korak 4: Više stvari

Dakle, niste mislili da ću vam samo dati jedan red koda - zar ne? Tijekom sljedećih nekoliko koraka implementirat ćemo sljedeće:

• Adresna traka koja se mijenja kako se stranica mijenja
• Gumbi za natrag, naprijed i osvježavanje
• Traka statusa.

Korak 5: Adresna traka

Trenutačno sve što adresna traka prikazuje je prikazati stranicu koju upisujete, ako kliknete na vezu, promjena se ne odražava u adresnoj traci. Da bismo to popravili, moramo dodati još neki kod. Vratite se u prikaz dizajna, kliknite na "Obrazac 1.vb (Dizajn)", a zatim dvaput kliknite na kontrolu WebBrowser. Vratit će se na prikaz koda, međutim bit će još koda, primjetite da piše "WebBrowser1_DocumentCompleted", ovo je kôd koji želimo, tako da ovdje ne moramo unositi nikakve promjene, ali postoji prazno polje redak ispod tog, prije naredbe End Sub, i želimo tamo dodati neki kod. Upišite sljedeće ovdje

TextBox1. Text = WebBrowser1. Url. ToStringTo govori programu da nakon što WebBrowser1_DocumentCompleted trebamo promijeniti TextBox1. Text u WebBrowser1. Url. ToString postoji jer prema zadanim postavkama svojstvo URL -a web preglednika nije ista vrsta podataka (niz), koliko je potrebno našem tekstualnom okviru. ToString zapisuje URL u niz za TextBox.

Korak 6: Akcijski gumbi

Vratite se na prikaz dizajna i povucite 3 nova gumba na obrazac i postavite ih. Promijenite svojstvo Text svakog: Button2 = Nazad, Button3 = Naprijed i Button4 = Osvježi. Ako ih postavite kao ja, prilagodite svojstvo sidra Osvježi na vrh, Desnim klikom dvaput pritisnite gumb Natrag i upišite sljedeći kôd.

WebBrowser1. GoBack () Natrag na dizajn, dvaput kliknite Naprijed i upišite

WebBrowser1. GoForward ()Prikaz dizajna i dvostruki klik za osvježavanje

WebBrowser1. Osvježi ()Testirajte preglednik i isprobajte nove značajke.

Korak 7: Traka statusa

Natrag u prikaz dizajna, dodajte oznaku, promijenite tekst u "Učitavanje …" (bez navodnika) Sada idite u prikaz koda klikom na karticu Form1.vb. Pronađite unos WebBrowser1_DocumentCompleted i upišite ispod koda koji ste tamo ranije postavili

Label1. Text = "Gotovo"Sada kliknite gore gdje kod kaže DocumentCompleted. Pomaknite miš gore do dva padajuća okvira. Odaberite drugu (onu na kojoj piše DocumentCompleted) i odaberite Navigacija. Zatim će se pojaviti neki novi kôd - upišite

Label1. Text = "Učitavanje"Ovo samo daje pokazatelj kada se stranica učitava. Također biste mogli postaviti svojstvo sidra naljepnice.

Korak 8: Završite

Izvoli. Imate potpuno funkcionalan web preglednik. Nastavite ga prilagođavati kako želite. Kao u mom prvom uputstvu. Imam domaću zadaću za one koji završe ovu instrukciju. Dopustite sljedeće:

• Kućna funkcija
• Promijenite gumb Osvježi na gumb Zaustavi kada se stranica učitava.

Nadam se da su vam ovi projekti pokazali koliko je lako programirati!

Korak 9: Rješenja

Za one koji su završili s prvim VB instrukcijama - rješenja za domaću zadaću imam na kraju.

Promijenite boju pozadine

Ovo je jednostavno - promijenite svojstvo BackColour Form1 u drugu boju

Dodajte neke podatke o autorskim pravima

Nova oznaka s promijenjenim svojstvom teksta učinit će trik

Promijenite veličinu obrasca sa slikom

Promijenite AutoSize u True i AutoSizeMode u GrowAndShrinkDone! Još slijedi: Stvorit ću još neke VB. NET upute. Nastavite kodirati!