Vytvoření programu v jazyce Visual Basic: Webový prohlížeč: 9 kroků

2024 Autor: John Day | [email protected]. Naposledy změněno: 2024-01-30 08:24

Tento Instructable vysvětluje proces vytváření jednoduché aplikace webového prohlížeče ve VB. NET Je navržen jako pokračování mého prvního VB. NET Instructable: Vytvoření prvního programu v jazyce Visual Basic. Doporučujeme si nejprve přečíst tento instruktáž, protože tento instruktážní předpoklad předpokládá, že máte základní znalosti o rozhraní Visual Basic Express Edition Interface, jak je popsáno v mém dalším instructable. Ačkoli Visual Basic 2005 Express Edition funguje dobře pro tento instructable, já používám Edice Visual Basic 2008 Express, dostupná od Microsoftu

Krok 1: Vytvořte projekt

Vytvořte nový projekt Windows Forms a říkejte mu webový prohlížeč. Změňte velikost formuláře podle svých představ.

Krok 2: Přidejte ovládací prvky a změňte vlastnosti

Z panelu nástrojů přetáhněte do formuláře textové pole, webový prohlížeč a tlačítko. Umístěte je tak, jak jsou na obrázku. Potom upravte vlastnost Anchor textového pole a prohlížeče WebBrowser tak, aby byla vybrána všechna pole kolem šedého čtverce (zobrazená při úpravě vlastnosti ukotvení), což umožní ovládacím prvkům 'roztáhnout' při změně velikosti formuláře. Udělejte to samé pro tlačítko, ale nastavte jej pouze na „Nahoře, napravo“. Změňte také vlastnost Text ve Form1 na Webový prohlížeč nebo něco podobného, abyste změnili záhlaví.

Krok 3: Kód

Dvakrát klikněte na Button1 a přidejte do editoru následující kód za řádek „Soukromý pod“a před řádek „Ukončit díl“

WebBrowser1. Navigate (TextBox1. Text)Tento kód jednoduše říká programu: Když někdo klikne na Button1, přesměrujte WebBrowser na navigaci do čehokoli, co je v TextBox1, to je ono! Máte funkční webový prohlížeč. Kliknutím na tlačítko přehrát jej vyzkoušíte.

Krok 4: Více věcí

Nyní jste si nemysleli, že vám dám jen jeden řádek kódu - ano? V následujících několika krocích implementujeme následující:

• Panel s adresou, který se mění se změnou stránky
• Tlačítka zpět, vpřed a aktualizace
• Stavový řádek.

Krok 5: Adresní bar

V tuto chvíli vše, co je v adresním řádku, ukazuje stránku, kterou zadáváte, pokud kliknete na odkaz, změna se v adresním řádku neprojeví. Abychom to vyřešili, musíme přidat další codeGo zpět do návrhového zobrazení, kliknout na „Form 1.vb (Design)“a poté poklepat na ovládací prvek WebBrowser. Přepne se zpět do zobrazení kódu, ale bude tam ještě nějaký kód, všimněte si, že je tam napsáno „WebBrowser1_DocumentCompleted“, toto je kód, který chceme, takže zde nemusíme provádět žádné změny, ale je zde prázdné místo řádek pod tím, před příkazem End Sub, a chceme tam přidat nějaký kód. Zadejte tam následující

TextBox1. Text = WebBrowser1. Url. ToStringTo říká programu, že jakmile bude WebBrowser1_DocumentCompleted, měli bychom změnit TextBox1. Text na WebBrowser1. Url. ToString je tam, protože ve výchozím nastavení vlastnost URL webového prohlížeče není stejný datový typ (řetězec), jak to vyžaduje naše textové pole. ToString zapíše URL do řetězce pro TextBox.

Krok 6: Akční tlačítka

Přepněte zpět do zobrazení návrhu a přetáhněte 3 nová tlačítka do formuláře a umístěte je. Změňte vlastnost Text každého: Button2 = Zpět, Button3 = Vpřed a Button4 = Obnovit. Pokud je umístíte jako moje, upravte vlastnost ukotvení Obnovit na začátek, RightDouble klikněte na tlačítko Zpět a zadejte následující kód.

WebBrowser1. GoBack () Zpět na design poklepejte na Vpřed a napište

WebBrowser1. GoForward ()Návrhové zobrazení a dvojitým kliknutím obnovíte

WebBrowser1. Refresh ()Otestujte prohlížeč a vyzkoušejte nové funkce.

Krok 7: Stavový řádek

Zpět v návrhovém zobrazení přidejte štítek, změňte text na „Načítání…“(bez uvozovek) Nyní přejděte do zobrazení kódu kliknutím na kartu Form1.vb. Najděte položku WebBrowser1_DocumentCompleted a zadejte pod kód, který jste tam dříve umístili

Label1. Text = "Hotovo"Nyní klikněte nahoru, kde kód říká DocumentCompleted. Přesuňte myš nahoru, kde jsou dvě rozbalovací pole. Vyberte druhý (ten, který říká DocumentCompleted) a vyberte Navigovat. Poté se objeví nový kód - zadejte

Label1. Text = "Načítání"Toto pouze poskytuje indikátor při načítání stránky. Také můžete chtít nastavit vlastnost ukotvení štítku.

Krok 8: Comlete

Tady máš. Máte plně funkční webový prohlížeč. Přizpůsobujte si to, jak chcete. Stejně jako v mém prvním pokynu. Mám nějaké domácí úkoly pro ty, kteří splní tento pokyn. Implementujte následující:

• Domácí funkce
• Při načítání stránky změňte tlačítko Obnovit na tlačítko Zastavit.

Doufám, že vám tyto projekty ukázaly, jak snadno se programuje!

Krok 9: Řešení

Pro ty, kteří dokončili můj první instruktáž VB - mám řešení pro domácí úkol, který jsem si stanovil na konci.

Změňte barvu pozadí

Je to jednoduché - změňte vlastnost BackColour Form1 na jinou barvu

Přidejte nějaké informace o autorských právech

Nový štítek se změnou vlastnosti textu bude stačit

Pomocí obrázku změňte velikost formuláře

Změňte AutoSize na True a AutoSizeMode na GrowAndShrinkDone! Ještě přijde: Budu vytvářet nějaké další instruktážní nástroje VB. NET. Pokračujte v kódování!