Program létrehozása a Visual Basic programban: webböngésző: 9 lépés

2024 Szerző: John Day | [email protected]. Utoljára módosítva: 2024-01-30 09:44

Ez az Instructable elmagyarázza egy egyszerű webböngésző alkalmazás létrehozásának folyamatát a VB. NET -ben. Ez az első VB. NET Instructable: Az első program létrehozása a Visual Basic programban folytatása. Javasoljuk, hogy először olvassa el ezt az utasítást, mivel ez az utasítás feltételezi, hogy alapvető ismeretekkel rendelkezik a Visual Basic Express Edition interfészről, amint azt a többi utasításom is tartalmazza. Bár a Visual Basic 2005 Express Edition jól működik ehhez az utasításhoz, használom Visual Basic 2008 Express Edition, elérhető a Microsoft -tól

1. lépés: Hozza létre a projektet

Hozzon létre egy új Windows Forms Project -et, és hívja webböngészőnek. Átméretezze az űrlapot tetszése szerint.

2. lépés: Adja hozzá a vezérlőket, és módosítsa a tulajdonságokat

Az eszköztárból húzzon egy szövegdobozt, webböngészőt és egy gombot az űrlapra. Úgy helyezze el őket, mint a képen. Ezután szerkessze a TextBox és a WebBrowser Anchor tulajdonságát úgy, hogy a szürke négyzet körüli összes mező (a horgonytulajdonság szerkesztésekor látható) ki legyen jelölve, ez lehetővé teszi a vezérlőelemek „nyújtását” az űrlap átméretezésekor. Ugyanezt tegye a Gomb esetében is, de csak "Felső, Jobb" értékre.

3. lépés: Kódolás

Kattintson duplán a Button1 gombra, és adja hozzá a következő kódot a szerkesztőhöz a "Private Sub" sor után és a "Sub Sub" sor előtt

WebBrowser1. Navigate (TextBox1. Text)Ez a kód egyszerűen elmondja a programnak: Ha valaki a Button1 gombra kattint, kérje meg a WebBrowser -t, hogy navigáljon a TextBox1 -ben található tartalmakhoz. Működő webböngészője van. Kattintson a lejátszás gombra a teszteléshez.

4. lépés: További dolgok

Most nem gondolta, hogy csak egy sor kódot adok - ugye? A következő néhány lépésben a következőket hajtjuk végre:

• Címsor, amely az oldal változásával együtt változik
• Vissza, előre és frissítés gombok
• Állapotsor.

5. lépés: Címsáv

Jelenleg a kimenő címsor csak azt mutatja, hogy melyik oldalt írja be, ha rákattint egy linkre, a változás nem jelenik meg a címsorban. Ennek kijavításához további kódot kell hozzáadnunkMenjünk vissza a tervezési nézetbe, kattintsunk a "Form 1.vb (Design)" gombra, majd kattintsunk duplán a WebBrowser vezérlőre. Vissza fog térni a kódnézetre, de lesz még néhány kód, vegye észre, hogy "WebBrowser1_DocumentCompleted" van írva, ezt a kódot szeretnénk, ezért itt nem kell változtatnunk, de van egy üres sor alatt, az End Sub utasítás előtt, és szeretnénk hozzáadni néhány kódot. Írja be oda a következőt

TextBox1. Text = WebBrowser1. Url. ToStringEz azt jelzi a programnak, hogy miután a WebBrowser1_DocumentCompleted befejeződött, módosítanunk kell a TextBox1. Text szöveget a WebBrowser1. Url -ra. A ToString azért van, mert alapértelmezés szerint a webböngésző URL -tulajdona nem ugyanaz az adattípus (karakterlánc), mint ahogy azt szövegdobozunknak meg kell felelnie. A ToString írja be az URL -t a TextBox karakterláncába.

6. lépés: Műveletgombok

Váltson vissza tervezési nézetre, és húzzon 3 új gombot az űrlapra, és helyezze el őket. Módosítsa mindegyik szöveg tulajdonságát: Button2 = Vissza, Button3 = Előre és Button4 = Frissítés. Ha az enyémhez hasonlóan helyezi el őket, állítsa a Frissítés felfelé horgony tulajdonságát jobbra, kattintson duplán a Vissza gombra, és írja be a következő kódot.

WebBrowser1. GoBack () Visszatérve a tervezéshez, kattintson duplán a Továbbítás és típus

WebBrowser1. GoForward ()Tervező nézet, és kattintson duplán a Frissítés gombra

WebBrowser1. Refresh ()Tesztelje a böngészőt, és próbálja ki az új funkciókat.

7. lépés: Állapotsor

Visszatérve a tervezési nézethez, adjon hozzá címkét, módosítsa a szöveget "Betöltés …" -re (idézőjelek nélkül) Most lépjen a kódnézetbe a Form1.vb fülre kattintva. Keresse meg a WebBrowser1_DocumentCompleted bejegyzést, és írja be a korábban odahelyezett kód alá

Label1. Text = "Kész"Most kattintson felfelé, ahol a kód azt írja, hogy DocumentCompleted. Vigye felfelé az egeret a két legördülő mezőhöz. Válassza ki a másodikat (azt, amelyik azt mondja, hogy DocumentCompleted), majd válassza a Navigálás lehetőséget. Ezután megjelenik egy új kód - tip

Label1. Text = "Betöltés"Ez csak egy jelzőt biztosít az oldal betöltésekor. Érdemes beállítani a címke horgonyzási tulajdonságát is.

8. lépés: Teljes

Nesze. Teljesen működő webböngészővel rendelkezik. Folytassa a testreszabását, ahogy szeretné. Ahogy az első tanítható. Van néhány házi feladatom azoknak, akik befejezik ezt az oktathatót. Végezze el a következőket:

• Otthoni funkció
• Módosítsa a Frissítés gombot Stop gombra, amikor egy oldal betöltődik.

Remélem, hogy ezek a projektek megmutatták, milyen könnyű programozni!

9. lépés: Megoldások

Azok számára, akik befejezték az első oktatható VB -t - megvan a megoldás a házi feladatra, amelyet a végén állítottam be.

Változtassa meg a háttérszínt

Ez egyszerű - Módosítsa a Form1 BackColour tulajdonságát más színre

Adjon hozzá néhány szerzői jogi információt

Egy új címke megváltoztatja a szövegtulajdonságot

Módosítsa az űrlap méretét a Kép segítségével

Változtassa meg az AutoSize -t True -ra, az AutoSizeMode -t pedig GrowAndShrinkDone -ra! Folytassa a kódolást!