Napravite C# Web Browser za 10 minuta

Napravite C# Web Browser za 10 minuta

Posted on January 12, 2011 by milan.latinovic in Softverski inženjering

U ovom tutorijalu, pokazaću vam kako da kreirate svoj Web Browser za 10 minuta, koristeći Visual Studio 2005, 2008 ili 2010, C# i standardne framework kontrole.

I – Za početak napravićemo elementarni web browser:

1. Otvoriti Visual Studio i kreirati novi projekt opcijom File -> New -> Project .

2. Izabrati Visual C#, Windows Forms Application .

3. Automatski se otvara početna forma na stranici Form1.cs , na ovoj formi kreiraće se kompletna aplikacija.

4. Promjeniti ime Form1.cs u nešto smislenije, kao što je Main.cs.

5. Podesiti atribute (prozor Properties)  forme Main.cs, na sljedeći način:

  1. Text: Web Browser
  2. Size: 640; 480
  3. WindowState: Maximized  (ovo će rezultovati početnim otvaranjem prozora u modu maksimalne veličine)

6. Potrebne su nam komponente, koje ćemo pronaći u meniju Toolbox (obično sa lijeve strane radne površine)

7.  Kreiranje kontejner za buduće menije:

  1. Toolbox -> Menus & Toolbars -> ToolStripContainer komponentu prevući na površinu forme i podesiti atribut Dock: Fill. Potrebno je uključiti ToolStripPanele koji su elementi ToolStripContainer komponente. Kao što se vidi sa slike uključiti gornji i donji meni, tj. TopToolStripPanel i BottomToolStripPanel
  2. Toolbox -> Menus & Toolbars -> ToolStrip komponentu prenijeti na gornji ToolStripPanel
  3. Toolbox -> Menus & Toolbars -> StatusStrip komponentu prenijeti na donji ToolStrip Panel

8. Dizajniranje korisničkog interfejsa:

  1.  Unutar ToolStrip menija kreirati Label (Name: tslWebSajt; Text: Web sajt)
  2. Unutar ToolStrip menija kreirati ComboBox (Name: tscbWebSajt; Size: 400;25) , koji služi korisniku da unese web sajt na koji želi otići, a istovremeno padajućim menijem predstavlja History prethodnih posjeta.
  3. Unutar ToolStrip menija kreirati Button (Name: tsbStart; DisplayStyle: Text; Text: Start) koji će korisnik koristiti da učita web sajt
  4. Unutar StatusStrip menija kreirati ProgressBar (Name: tspbLoading) i StatusLabel (Name: tsslLoading; Text: Ready)
  5. Toolbox -> Common controls -> WebBrowser prevući na centralni dio forme, WebBrowser (Name: wbMain)

9. Aktiviranje osnovne funkcionalnosti Web browsera, tj. Start dugmeta:

  1. Dupli klik na start dugme, automatski se generiše funkcija tsbStart_Click
  2. Potrebno je napisati funkciju tako da WebBrowser komponenta pozove i prikaže web sajt sa adrese koju je korisnik upisao u ComboBox
  3. Kod funkcije tsbStart_Click prikazan je u nastavku

private void tsbStart_Click(object sender, EventArgs e) {
     wbMain.Navigate(tscbWebSajt.Text);
}

 10. U ovom momentu imamo funkcionalan elementarni Web Browser, na kom ćemo naknadno aktivirati StatusBar i History, kao i automatsko kreiranje http://www. teksta svaki put kada korisnik klikne na ComboBox. Za sada, Web browser je funkcionalan, u nastavku je priložena slika i izvorni kod.

Download: C# Web browser
Downloaded 79 times