Kreiranje programa u Visual Basicu: Web preglednik: 9 koraka

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

Ovaj Instructable objašnjava proces stvaranja jednostavne aplikacije za web preglednik u VB. NET -u Dizajniran je kao nastavak mog prvog VB. NET Instructable -a: Kreiranje 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 interfejsu Visual Basic Express Edition, kako je opisano u mojim drugim uputstvima. Iako Visual Basic 2005 Express Edition radi dobro za ovo uputstvo, ja koristim Visual Basic 2008 Express Edition, dostupno od Microsofta

Korak 1: Kreirajte projekat

Kreirajte novi Windows Forms Project i nazovite ga Web Browser. Promijenite veličinu obrasca po svom ukusu.

Korak 2: Dodajte kontrole i promijenite svojstva

Iz okvira s alatima povucite TextBox, WebBrowser i dugme A na obrazac. Postavite ih onako kako su na slici. Zatim uredite svojstvo Sidro TextBox -a i WebBrowsera tako da budu odabrani svi okviri oko sivog kvadrata (prikazani kada uređujete svojstvo sidra), što će omogućiti kontrolama da se "rastegnu" kada se promijeni veličina obrasca. Učinite isto za dugme, ali ga postavite samo na "Gore, desno". Također promijenite svojstvo Text forme Form1 u Web Browser ili nešto slično da biste promijenili naslovnu traku.

Korak 3: Kodirajte

Dvaput kliknite na Button1 i dodajte sljedeći kod u uređivač, nakon reda "Private Sub" i prije reda "End Sub"

WebBrowser1. Navigate (TextBox1. Text)Ovaj kôd jednostavno govori programu: Kada neko pritisne Button1, Nabavite WebBrowser za navigaciju do bilo čega što se nalazi u TextBox1 To je to! Imate funkcionalni web pretraživač. Pritisnite dugme za reprodukciju da biste ga isprobali.

Korak 4: Više stvari

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

• Adresna traka koja se mijenja kako se stranica mijenja
• Dugmad za nazad, naprijed i osvježavanje
• Status bar.

Korak 5: Adresna traka

Trenutno, jedina adresna traka prikazuje stranicu koju upisujete. Ako kliknete na vezu, promjena se ne odražava u adresnoj traci. Da bismo ovo popravili, moramo dodati još kodaVratite 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š nekog koda, primijetite da piše "WebBrowser1_DocumentCompleted", ovo je kôd koji želimo, tako da ne moramo unositi nikakve promjene ovdje, ali postoji prazno polje reda ispod tog, ispred naredbe End Sub, i želimo dodati neki kôd. Ukucajte sledeće ovde

TextBox1. Text = WebBrowser1. Url. ToStringOvo 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 isti tip podataka (niz), koliko je potrebno našem tekstualnom okviru. ToString zapisuje URL u niz za TextBox.

Korak 6: Akcijski tasteri

Vratite se na prikaz dizajna i povucite 3 nova dugmeta 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 kliknite na dugme Nazad i upišite sljedeći kôd.

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

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

WebBrowser1. Refresh ()Testirajte preglednik i isprobajte nove funkcije.

Korak 7: Statusna traka

Nazad 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ša gore gdje se nalaze 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 indikator kada se stranica učitava. Također, možda biste htjeli postaviti svojstvo sidra naljepnice.

Korak 8: Dovršite

Eto ti. Imate potpuno funkcionalan web pretraživač. Nastavite ga prilagođavati kako želite. Kao u mom prvom uputstvu. Imam neke domaće zadaće za one koji završe ovo uputstvo. Primijenite sljedeće:

• Kućna funkcija
• Promijenite dugme Osvježi na dugme 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 prvu VB instrukciju - imam rješenja za domaću zadaću koju sam postavio na kraju.

Promijenite boju pozadine

Ovo je jednostavno - promijenite svojstvo BackColour Form1 u drugu boju

Dodajte neke podatke o autorskim pravima

Nova oznaka sa promijenjenim svojstvom teksta će uspjeti

Učinite promjenu veličine obrasca pomoću slike

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