Obsah:
2025 Autor: John Day | [email protected]. Naposledy zmenené: 2025-01-13 06:58
Tento Instructable vysvetľuje proces vytvárania jednoduchej aplikácie webového prehliadača vo VB. NET. Je navrhnutý ako pokračovanie môjho prvého VB. NET Instructable: Vytvorenie prvého programu v jazyku Visual Basic. Odporúčame vám, aby ste si najskôr prečítali tento pokyn, pretože tento návod predpokladá, že máte základné znalosti rozhrania Visual Basic Express Edition, ako je uvedené v mojom inom návode. Aj keď Visual Basic 2005 Express Edition funguje dobre pre tento návod, používam Edícia Visual Basic 2008 Express, dostupná od spoločnosti Microsoft
Krok 1: Vytvorte projekt
Vytvorte nový projekt Windows Forms a nazvite ho Webový prehliadač. Zmeňte veľkosť formulára podľa svojich predstáv.
Krok 2: Pridajte ovládacie prvky a zmeňte vlastnosti
Na paneli s nástrojmi presuňte do formulára textové pole, webový prehliadač a tlačidlo A. Umiestnite ich tak, ako sú na obrázku. Potom upravte vlastnosť Ukotvenie v aplikácii TextBox a WebBrowser tak, aby boli vybraté všetky políčka okolo sivého štvorca (zobrazené pri úprave vlastnosti ukotvenia), čo umožní ovládacím prvkom „roztiahnuť“sa pri zmene veľkosti formulára. To isté urobte pre tlačidlo, ale nastavte ho iba na „Hore, vpravo“. Zmeňte tiež vlastnosť Text vo Form1 na Webový prehliadač alebo niečo podobné, ak chcete zmeniť záhlavie.
Krok 3: Kódujte
Dvakrát kliknite na Button1 a do editora pridajte nasledujúci kód za riadok „Private Sub“a pred riadok „End Sub“
WebBrowser1. Navigate (TextBox1. Text)Tento kód jednoducho hovorí programu: Keď niekto klikne na Button1, prinúti WebBrowser, aby prešiel na čokoľvek, čo je v TextBox1, to je ono! Máte funkčný webový prehliadač. Kliknutím na tlačidlo prehrávania ho vyskúšate.
Krok 4: Viac vecí
Teraz ste si nemysleli, že vám poskytnem iba jeden riadok kódu - však? V nasledujúcich niekoľkých krokoch implementujeme nasledujúce:
- Panel s adresou, ktorý sa mení so zmenou stránky
- Tlačidlá späť, dopredu a obnovenie
- Stavový riadok.
Krok 5: Adresný bar
V súčasnosti panel s adresou zobrazuje iba zadanú stránku. Ak kliknete na odkaz, zmena sa v paneli s adresou neprejaví. Aby sme to vyriešili, musíme pridať ďalší kód. Vráťte sa späť do návrhového zobrazenia, kliknite na „Formulár 1.vb (návrh)“a potom dvakrát kliknite na ovládací prvok WebBrowser. Prepne sa späť na zobrazenie kódu, bude tam však ešte nejaký kód, všimnite si, že tam je „WebBrowser1_DocumentCompleted“, toto je kód, ktorý chceme, takže tu nemusíme vykonávať žiadne zmeny, ale je tu prázdne miesto riadok pod tým, pred príkaz End End Sub, a chceme tam pridať nejaký kód. Napíšte tam nasledujúce
TextBox1. Text = WebBrowser1. Url. ToStringTo programu hovorí, že po dokončení WebBrowser1_DocumentCompleted by sme mali zmeniť TextBox1. Text na WebBrowser1. Url. ToString je tu, pretože v predvolenom nastavení vlastnosť adresy URL webového prehliadača nie je rovnaký typ údajov (reťazec), ako to vyžaduje naše textové pole. ToString zapíše URL do reťazca pre TextBox.
Krok 6: Akčné tlačidlá
Prepnite späť na zobrazenie návrhu, presuňte tri nové tlačidlá na formulár a umiestnite ich. Zmeňte vlastnosť Text každého z nich: Button2 = Späť, Button3 = Vpred a Button4 = Obnoviť. Ak ich umiestnite ako moje, upravte vlastnosť ukotvenia v časti Obnoviť na začiatok, Pravým dvojitým kliknutím na tlačidlo Späť a zadajte nasledujúci kód.
WebBrowser1. GoBack () Vráťte sa k dizajnu, dvakrát kliknite na položku Vpred a zadajte
WebBrowser1. GoForward ()Dizajnové zobrazenie a dvojitým kliknutím obnovíte
WebBrowser1. Refresh ()Otestujte prehliadač a vyskúšajte nové funkcie.
Krok 7: Stavový riadok
V návrhovom zobrazení pridajte štítok, zmeňte text na „Načítava sa…“(bez úvodzoviek) Teraz prejdite na zobrazenie kódu kliknutím na kartu Form1.vb. Nájdite záznam WebBrowser1_DocumentCompleted a zadajte pod kód, ktorý ste tam predtým umiestnili
Label1. Text = "Hotovo"Teraz kliknite hore, kde kód hovorí DocumentCompleted. Posuňte kurzor myši na miesto, kde sa nachádzajú dve rozbaľovacie polia. Vyberte druhý (Ten, ktorý hovorí DocumentCompleted) a zvoľte Navigácia. Potom sa objaví nový kód - zadajte
Label1. Text = "Načítava sa"Toto poskytuje iba indikátor pri načítaní stránky. Môžete tiež nastaviť vlastnosť ukotvenia štítka.
Krok 8: Športovec
Nech sa páči. Máte plne funkčný webový prehliadač. Pokračujte v prispôsobovaní, ako chcete. Ako v mojom prvom pokyne. Mám nejaké domáce úlohy pre tých, ktorí dokončia tento návod. Vykonajte nasledujúce:
- Domáca funkcia
- Pri načítaní stránky zmeňte tlačidlo Obnoviť na tlačidlo Zastaviť.
Dúfam, že vám tieto projekty ukázali, ako ľahko sa programuje!
Krok 9: Riešenia
Pre tých, ktorí dokončili môj prvý pokyn VB - mám riešenia pre domácu úlohu, ktorú som si stanovil na konci.
Zmeňte farbu pozadia
Je to jednoduché - zmeňte vlastnosť BackColour formulára1 na inú farbu
Pridajte nejaké informácie o autorských právach
Nový štítok so zmenenou vlastnosťou textu bude stačiť
Nechajte formulár zmeniť veľkosť pomocou obrázku
Zmeňte AutoSize na True a AutoSizeMode na GrowAndShrinkDone! Ešte to príde: Budem vytvárať ďalšie pokyny VB. NET. Pokračujte v kódovaní!