Krok 9: Zkontrolujte, okomentujte a otestujte svůj kód

Dále přidáte komentář do vašeho kódu.Všimněte si, že komentář nemění způsob, jakým se chová program.To usnadňuje pro čtenáře kódu pochopit jeho význam.Je dobré se naučit přidávat komentáře do kódu.V jazyce Visual C# dvě lomítka (//) značí řádek jako komentáře.V jazyce Visual Basic se používá jednoduchá uvozovka (') k označení řádku jako komentáře.Po přidání komentáře otestujete váš program.Při práci na projektech je vhodné spustit a otestovat kód často, takže můžete zachytit a opravit případné problémy dříve, než kód bude složitější.Tento postup se nazývá iterační testování.

Právě jste vytvořili něco, co funguje, a i když ještě není hotovo, může program již načíst obrázek.Před přidáním komentáře do vašeho kódu a otestování se seznamte s koncepty kódu, protože tyto koncepty budete používat často:

• Pokud jste dvakrát kliknuli na tlačítko Zobrazit obrázek v Návrháři formulářů Windows, rozhraní IDE automaticky přidalo metodu do kódu vašeho programu.

• Způsoby, jak organizovat kód: záleží, jak je váš kód seskupený.

• Ve většině případů metodu provádí malý počet akcí v určitém pořadí, například jako vaše metoda showButton_Click(), která zobrazí dialogové okno a potom načte obrázek.

• Metoda se skládá z příkazů kódu nebo řádků kódu.Metodu si lze představit jako způsob, kterým příkazy kódu svážete dohromady.

• Když je metoda spuštěna nebo volána, příkazy v metodě jsou spouštěny v pořadí jeden po druhém počínaje prvním z nich.

  Následující je příklad příkazu.

  pictureBox1.Load(openFileDialog1.FileName);
  

  pictureBox1.Load(openFileDialog1.FileName)
  

  Příkazy jsou to, co nechává vaše programy provádět akce.V jazyce Visual C# příkaz vždy končí středníkem.V jazyce Visual Basic je konec řádku konec příkazu. (Žádný středník není třeba v jazyce Visual Basic.) Předchozí příkaz sděluje vašemu ovládacímu prvku PictureBox, aby načetl soubor, který uživatel vybral s komponentou OpenFileDialog.

Video verzi tohoto tématu naleznete v části Kurz 1: Vytvoření prohlížeče obrázků v jazyce Visual Basic - Video 5 nebo Kurz 1: Vytvoření prohlížeče obrázků v jazyce C# - Video 5.Tato videa používají starší verzi aplikace Visual Studio, takže existují mírné rozdíly v některých příkazech nabídek a jiných prvcích uživatelského rozhraní.Nicméně koncepty a postupy fungují podobně, jako v aktuální verzi aplikace Visual Studio.

Přidat komentáře

1. Přidejte následující komentář do kódu.

   Private Sub showButton_Click() Handles showButton.Click
   
       ' Show the Open File dialog. If the user clicks OK, load the 
       ' picture that the user chose. 
       If OpenFileDialog1.ShowDialog() = DialogResult.OK Then
           PictureBox1.Load(OpenFileDialog1.FileName)
       End If 
   
   End Sub
   

   private void showButton_Click(object sender, EventArgs e)
   {
       // Show the Open File dialog. If the user clicks OK, load the 
       // picture that the user chose. 
       if (openFileDialog1.ShowDialog() == DialogResult.OK)
       {
           pictureBox1.Load(openFileDialog1.FileName);
       }
   }
   

   [!POZNÁMKA]

   Vaše obslužná rutina události Click tlačítka showButton je nyní dokončena a pracuje.Zahájili jste psaní kódu počínaje příkazem if.Příkaz if je k tomu, jak říct vašemu programu: "Zkontroluj tuto jednu věc, a pokud nabývá hodnoty pravda, proveď tyto akce." V takovém případě říkáte programu, ať otevře dialogové okno Otevřít Soubor a pokud uživatel vybere soubor a tlačítko OK, načte soubor do ovládacího prvku PictureBox.

   Tip

   Rozhraní IDE je sestaveno k usnadnění psaní kódu a fragmenty kódu jsou jedním ze způsobů, kterými tak činí.Fragment je zástupce, který se rozbalí do malého bloku kódu.

   Můžete zobrazit všechny dostupné výstřižky.V panelu nabídky zvolte Nástroje > Správce fragmentů kódů.Pro jazyk Visual C# fragment if je v jazyce Visual C# .V jazyce Visual Basic fragmenty if jsou v podmínkách a smyčkách, kódech vzorků.Tohoto správce můžete použít k vyhledání existujících fragmentů nebo k přidání vlastních fragmentů.

   K aktivování výstřižku při zadávání kódu jej zadejte a vyberte klávesu Tabulátor.Mnoho fragmentů se nachází v okně IntelliSense, což je důvod, proč zvolit klávesu Tabulátor dvakrát: nejprve k vybrání fragmentu z okna IntelliSense a poté ke sdělení rozhraní IDE, že má fragment použít. (Technologie IntelliSense podporuje výstřižek if, ale nikoli výstřižek ifelse.)

2. Před spuštěním programu jej uložte výběrem tlačítka v panelu nástrojů Uložit Vše, které se zobrazí takto.

   Tlačítko Uložit Vše

   

   Nebo program uložte, na panelu nabídek vyberte položky Soubor, Uložit vše.Je to osvědčený postup pro uložení včas a často.

   Když je spuštěn, váš program by měl vypadat jako na následujícím obrázku.

   Prohlížeč obrázků

   

Testovat váš program

1. Vyberte klávesu F5 nebo vyberte tlačítko Spustit ladění na panel nástrojů.

2. Vyberte tlačítko Zobrazit obrázek ke spuštění kódu, který jste napsali.Nejprve program otevře dialogové okno Otevřít Soubor.Ověřte, že vaše filtry se v zobrazí v rozevíracím seznamu Soubory typu v dolní části dialogového okna.Potom přejděte na obrázek a otevřete jej.Obvykle lze najít vzorové obrázky dodávané s operačním systémem Windows ve vaší složce Dokumenty uvnitř složky Moje Obrázky\Příklady Obrázků.

   [!POZNÁMKA]

   Pokud nevidíte žádné obrázky v dialogovém okně Vyberte soubor s obrázkem, ujistěte se, že je vybrán filtr "Všechny soubory (*.*)" v seznamu rozevírací nabídky v dolní pravé části dialogového okna.

3. Načtěte obrázek a ten se zobrazí ve vašem ovládacím prvku PictureBox.Potom zkuste změnit velikost formuláře přetažením jeho okrajů.Protože máte váš ovládací prvek PictureBox ukotven uvnitř kontejneru TableLayoutPanel, který je sám ukotven uvnitř formuláře, oblast vašeho obrázku změní velikost sebe sama, takže je stejně široká jako formulář a vyplní horních 90 procent formuláře.To je důvod, proč jste použili kontejnery TableLayoutPanel a FlowLayoutPanel: Udržují správnou velikost formuláře, když ji uživatel změní.

   Nyní překračují větší obrázky hranice prohlížeče obrázků.V dalším kroku přidáte kód, aby obrázky pasovaly do okna.

Pokračování nebo kontrola

• Přechod na další výukový program naleznete v tématu Krok 10: Zapište kód pro přídavná tlačítka a zaškrtávací pole.

• K návratu do předchozího kroku výukového programu přejděte na Krok 8: Zapište kód pro obslužnou rutinu události zobrazení tlačítka s obrázkem.