Ustvarjanje programa v Visual Basicu: spletni brskalnik: 9 korakov

2024 Avtor: John Day | [email protected]. Nazadnje spremenjeno: 2024-01-30 12:09

Ta Instructable pojasnjuje postopek ustvarjanja preproste aplikacije za spletni brskalnik v VB. NET Zasnovan je kot nadaljevanje mojega prvega VB. NET Instructable: Ustvarjanje vašega prvega programa v Visual Basicu. Priporočljivo je, da najprej preberete ta navodila, saj ta navodilo predpostavlja, da imate osnovno znanje o vmesniku Visual Basic Express Edition, kot je opisano v mojem drugem navodilu. Čeprav Visual Basic 2005 Express Edition deluje dobro za ta navodila, uporabljam Visual Basic 2008 Express Edition, na voljo pri Microsoftu

1. korak: Ustvarite projekt

Ustvarite nov projekt Windows Forms in ga pokličite spletni brskalnik. Spremenite velikost obrazca po svojem okusu.

2. korak: Dodajte kontrolnike in spremenite lastnosti

Iz orodjarne povlecite polja TextBox, WebBrowser in A na obrazec. Postavite jih tako, kot so na sliki. Nato uredite lastnost sidra v polju TextBox in WebBrowser, tako da so izbrana vsa polja okoli sivega kvadrata (prikazana, ko urejate lastnost sidra), kar bo omogočilo, da se kontrolniki "raztegnejo", ko spremenite velikost obrazca. Enako storite za gumb, vendar ga nastavite samo na "zgoraj, desno". Spremenite tudi lastnost besedila Form1 v spletni brskalnik ali kaj podobnega, če želite spremeniti naslovno vrstico.

3. korak: Koda

Dvokliknite Button1 in dodajte naslednjo kodo v urejevalnik, za vrstico "Private Sub" in pred vrstico "End Sub"

WebBrowser1. Navigate (TextBox1. Text)Ta koda programu preprosto pove: Ko nekdo klikne Button1, naj se WebBrowser pomakne na tisto, kar je v TextBox1 To je to! Imate delujoč spletni brskalnik. Kliknite gumb za predvajanje, da ga preizkusite.

4. korak: Več stvari

Torej, niste mislili, da vam bom dal samo eno vrstico kode - kajne? V naslednjih nekaj korakih bomo izvedli naslednje:

• Naslovna vrstica, ki se spreminja s spreminjanjem strani
• Gumbi za nazaj, naprej in osvežitev
• Vrstica stanja.

5. korak: Adress Bar

Trenutno vse v naslovni vrstici prikaže stran, ki jo vnesete. Če kliknete povezavo, se sprememba ne odraža v naslovni vrstici. Če želimo to odpraviti, moramo dodati še nekaj kode Vrnite se v pogled zasnove, kliknite »Obrazec 1.vb (Oblikovanje)« in nato dvokliknite kontrolnik WebBrowser. Preklopil se bo nazaj na pogled kode, vendar bo tam še nekaj kode. Upoštevajte, da piše "WebBrowser1_DocumentCompleted", to je koda, ki jo želimo, zato nam tukaj ni treba spreminjati, vendar je prazno vrstico pod to, pred stavkom End Sub, in želimo dodati nekaj kode. Tam vnesite naslednje

TextBox1. Text = WebBrowser1. Url. ToStringTo pove programu, da moramo enkrat, ko je WebBrowser1_DocumentCompleted, spremeniti TextBox1. Text v WebBrowser1. Url. ToString je tam, ker privzeto lastnost URL spletnega brskalnika ni enaka podatkovna vrsta (niz), kot jo potrebuje naše besedilno polje. ToString zapiše URL v niz za polje TextBox.

6. korak: Akcijski gumbi

Preklopite nazaj v pogled oblikovanja in povlecite 3 nove gumbe na obrazec ter jih postavite. Spremenite lastnost besedila vsakega: Button2 = Nazaj, Button3 = Naprej in Button4 = Osveži. Če jih postavite kot moje, prilagodite lastnost sidra Osveži na Vrh, Z desno miškino tipko dvakrat kliknite gumb Nazaj in vnesite naslednjo kodo.

WebBrowser1. GoBack () Nazaj na zasnovo dvokliknite Naprej in vnesite

Spletni brskalnik 1. Pojdi naprej ()Oblikovalni pogled in dvakrat kliknite za osvežitev

WebBrowser1. Refresh ()Preizkusite brskalnik in preizkusite nove funkcije.

7. korak: Vrstica stanja

Nazaj v pogled načrtovanja, dodajte oznako, spremenite besedilo v "Nalaganje …" (brez narekovajev) Zdaj pojdite v pogled kode s klikom na zavihek Form1.vb. Poiščite vnos WebBrowser1_DocumentCompleted in vnesite pod kodo, ki ste jo vnesli prej

Label1. Text = "Končano"Zdaj kliknite gor, kjer koda pravi DocumentCompleted. Premaknite miško navzgor, kjer sta dva spustna polja. Izberite drugo (tisto, na kateri piše DocumentCompleted) in izberite Navigacija. Nato se prikaže nova koda - tipkajte

Label1. Text = "Nalaganje"To samo prikazuje indikator, ko se stran nalaga. Prav tako boste morda želeli nastaviti lastnost sidra oznake.

8. korak: Sodelujte

Izvolite. Imate popolnoma delujoč spletni brskalnik. Prilagodite ga, kot želite. Kot v mojem prvem navodilu. Imam nekaj domačih nalog za tiste, ki izpolnijo ta navodila. Izpolnite naslednje:

• Domača funkcija
• Ko se stran nalaga, spremenite gumb Osveži na gumb Ustavi.

Upam, da so vam ti projekti pokazali, kako enostavno jih je programirati!

9. korak: Rešitve

Za tiste, ki so opravili prvi VB pouk - imam rešitve za domačo nalogo, ki sem jih postavil na koncu.

Spremenite barvo ozadja

To je preprosto - spremenite lastnost BackColour obrazca 1 v drugo barvo

Dodajte nekaj podatkov o avtorskih pravicah

Nova oznaka s spremenjeno lastnostjo besedila bo uspela

Spremenite velikost obrazca s sliko

Spremenite AutoSize v True in AutoSizeMode v GrowAndShrinkDone! Še sledi: Ustvaril bom še nekaj navodil VB. NET. Nadaljujte s kodiranjem!