Skep 'n program in Visual Basic: webblaaier: 9 stappe

2024 Outeur: John Day | [email protected]. Laas verander: 2024-01-30 07:28

Hierdie Instructable verduidelik die proses om 'n eenvoudige webblaaier -toepassing in VB. NET te skep Dit is ontwerp as 'n opvolg van my eerste VB. NET Instructable: die skep van u eerste program in Visual Basic. Dit word aanbeveel dat u eers die instruksies deurlees, aangesien hierdie instruksies veronderstel dat u 'n basiese kennis van die Visual Basic Express Edition -koppelvlak het, soos behandel in my ander instruksies. Alhoewel Visual Basic 2005 Express Edition goed werk vir hierdie instruksies, gebruik ek dit Visual Basic 2008 Express Edition, beskikbaar by Microsoft

Stap 1: Skep die projek

Skep 'n nuwe Windows Forms -projek en noem dit 'n webblaaier. Verander die grootte van die vorm na u smaak.

Stap 2: Voeg die kontroles by en verander eienskappe

Sleep 'n TextBox, WebBrowser en 'n knoppie uit die gereedskapskis na die vorm. Plaas hulle soos in die prentjie. Wysig dan die Anker -eienskap van die TextBox en WebBrowser sodat al die blokkies rondom die grys vierkant (getoon wanneer u die ankereienskap wysig) gekies word, sodat die kontroles 'rek' as die grootte van die vorm verander word. Doen dieselfde met die knoppie, maar stel dit slegs op "Bo, regs". Verander ook die teks -eienskap van Form1 na 'n webblaaier, of iets soortgelyks om die titelbalk te verander.

Stap 3: Kodeer

Dubbelklik op Button1 en voeg die volgende kode by die redakteur, na die "Private Sub" -reël en voor die "End Sub" -reël

WebBrowser1. Navigate (TextBox1. Text)Hierdie kode sê eenvoudig vir die program: As iemand op Button1 klik, kry WebBrowser om te navigeer na alles wat in TextBox1 is, dit is dit! U het 'n funksionele webblaaier. Klik op die speelknoppie om dit te toets.

Stap 4: Meer goed

Nou, u het nie gedink dat ek u net 'n reël kode sou gee nie - in die volgende paar stappe sal ons die volgende implementeer:

• Adresbalk wat verander namate die bladsy verander
• Terug, vorentoe en herlaai knoppies
• Statusbalk.

Stap 5: Adresbalk

Op die oomblik wys die adresbalk net die bladsy waarop u ingetik het; as u op 'n skakel klik, word die verandering nie in die adresbalk weerspieël nie. Om dit reg te stel, moet ons nog 'n paar kode byvoeg. Gaan terug na die ontwerpaansig, klik op "Vorm 1.vb (ontwerp)" en dubbelkliek dan op die WebBrowser -beheer. Dit gaan terug na die kode -aansig, maar daar is nog 'n paar kode, let op dat daar staan "WebBrowser1_DocumentCompleted", dit is die kode wat ons wil hê, dus hoef ons nie hier veranderinge aan te bring nie, maar daar is 'n leë onder die een, voor die eindsubstelling, en ons wil 'n kode daar byvoeg. Tik die volgende daar

TextBox1. Text = WebBrowser1. Url. ToStringDit vertel die program dat sodra WebBrowser1_DocumentCompleted voltooi is, moet ons TextBox1. Text verander na die WebBrowser1. Url. Die ToString is daar omdat die URL -eienskap van die webblaaier standaard nie dieselfde datatipe (string) is nie, soos benodig in ons tekskassie. Die ToString skryf die URL na 'n string vir die TextBox.

Stap 6: aksieknoppies

Skakel terug na die ontwerpaansig en sleep 3 nuwe knoppies na die vorm en plaas dit. Verander die teks -eienskap van elk: Button2 = Back, Button3 = Forward en Button4 = Refresh. As u hulle soos myne posisioneer, pas die ankereienskap van Refresh na Bo aan, regs, dubbelklik op die knoppie Terug en tik die volgende kode.

WebBrowser1. GoBack () Terug na die ontwerp, dubbelklik op Vorentoe en tik

WebBrowser1. GoForward ()Ontwerpaansig en dubbelklik om te verfris

WebBrowser 1. Refresh ()Toets die blaaier en probeer die nuwe funksies.

Stap 7: Statusbalk

In die ontwerpaansig, voeg 'n etiket by, verander die teks na "Laai …" (sonder aanhalings) Gaan nou na die kodeweergawe deur op die blad Form1.vb te klik. Soek die WebBrowser1_DocumentCompleted -inskrywing en tik onder die kode wat u vroeër daar geplaas het

Label1. Text = "Klaar"Klik nou op waar die kode DocumentCompleted sê. Beweeg jou muis tot waar die twee aftrekbakke is. Kies die tweede (Die een wat sê DocumentCompleted) en kies Navigeer. Dan verskyn 'n nuwe kode - tik

Label1. Text = "Laai"Dit gee slegs 'n aanduiding wanneer die bladsy gelaai word. U kan ook die anker -eienskap van die etiket instel.

Stap 8: Kompleet

Daar gaan jy. U het 'n volledig funksionerende webblaaier. Hou aan om dit aan te pas soos u wil. Soos in my eerste instruksie. Ek het 'n paar huiswerk vir diegene wat hierdie instruksies voltooi het. Implementeer die volgende:

• 'N Huisfunksie
• Verander die Refresh -knoppie na 'n Stop -knoppie wanneer 'n bladsy laai.

Ek hoop dat hierdie projekte u gewys het hoe maklik dit is om te programmeer!

Stap 9: Oplossings

Vir diegene wat my eerste VB onderrig het - ek het die oplossings vir die huiswerk wat ek aan die einde opgestel het.

Verander die agtergrondkleur

Dit is eenvoudig - Verander die BackColour -eienskap van Form1 in 'n ander kleur

Voeg 'n paar kopiereginligting by

'N Nuwe etiket met die teks -eienskap verander, sal die ding doen

Verander die vorm met die prentjie

Verander AutoSize in True en AutoSizeMode na GrowAndShrinkDone! Kom nog: ek sal nog 'n paar VB. NET Instructables skep. Hou aan kodering!