Kurz: Přidání kódu do prohlížeče obrázků v aplikaci Windows Forms (.NET Framework)

V této sérii tří kurzů vytvoříte aplikaci Windows Forms, která načte obrázek a zobrazí ji. Integrované vývojové prostředí (IDE) sady Visual Studio poskytuje nástroje, které potřebujete k vytvoření aplikace.

Ovládací prvky používají kód jazyka C# nebo Visual Basic k provádění akcí přidružených k nim.

V tomto třetím kurzu se naučíte:

• Přidejte obslužné rutiny událostí pro své ovládací prvky
• Napsání kódu pro otevření dialogového okna
• Psaní kódu pro ostatní ovládací prvky
• Spuštění aplikace

Pokud chcete vytvořit novou aplikaci Windows Forms pomocí .NET, postupujte podle kurzu Vytvoření aplikace Windows Forms pomocí rozhraní .NET. Další informace najdete v průvodci plochy ve Windows Forms .NET.

Požadavky

• Tento kurz vychází z předchozích kurzů Vytvoření aplikace prohlížeče obrázků a Přidání ovládacích prvků uživatelského rozhraní do prohlížeče obrázků. Nejprve je dokončete a začněte projektem, který jste pro tyto kurzy vytvořili.

Přidejte obslužné rutiny událostí pro vaše ovládací prvky

V této části přidejte obslužné rutiny událostí pro ovládací prvky, které jste přidali v druhém kurzu, Přidat ovládací prvky do aplikace prohlížeče obrázků. Vaše aplikace volá obsluhu události, když dojde k akci, například při výběru tlačítka.

1. Otevřete Visual Studio. Váš projekt Prohlížeč obrázků se zobrazí v části Otevřít poslední.

2. V Windows Forms Designerpoklikejte na tlačítko Zobrazit obrázek. Místo toho můžete ve formuláři vybrat tlačítko Zobrazit obrázek a stisknout Enter.

   Integrované vývojové prostředí sady Visual Studio otevře kartu v hlavním okně. V jazyce C# má karta název Form1.cs. Pokud používáte Visual Basic, karta má název Form1.vb.

   Tato karta zobrazuje soubor kódu za formulářem.

   

   Poznámka

   Karta Form1.vb může zobrazovat showButton jako showButton.

3. Zaměřte se na tuto část kódu.

   C#

   private void showButton_Click(object sender, EventArgs e)
   {
   }
   

   VB

   Private Sub showButton_Click() Handles showButton.Click
   
   End Sub
   

4. Znovu zvolte kartu Windows Forms Designer a potom poklikejte na tlačítko Vymazat obrázek a otevřete jeho kód. Opakujte pro zbývající dvě tlačítka. Integrované vývojové prostředí sady Visual Studio pokaždé přidá novou metodu do souboru kódu formuláře.

5. Poklikejte na ovládací prvek CheckBox v Windows Forms Designer, aby se přidala nová checkBox1_CheckedChanged() metoda. Když toto políčko zaškrtnete nebo zrušíte jeho zaškrtnutí, zavolá se tato metoda.

   Následující fragment kódu ukazuje nový kód, který vidíte v editoru kódu.

   jazyka C#

   private void clearButton_Click(object sender, EventArgs e)
   {
   }
   
   private void backgroundButton_Click(object sender, EventArgs e)
   {
   }
   
   private void closeButton_Click(object sender, EventArgs e)
   {
   }
   
   private void checkBox1_CheckedChanged(object sender, EventArgs e)
   {
   }
   

   VB

   Private Sub clearButton_Click() Handles clearButton.Click
   
   End Sub
   
   Private Sub backgroundButton_Click() Handles backgroundButton.Click
   
   End Sub
   
   Private Sub closeButton_Click() Handles closeButton.Click
   
   End Sub
   
   Private Sub CheckBox1_CheckedChanged() Handles CheckBox1.CheckedChanged
   
   End Sub
   

---

Metody, včetně obslužných rutin událostí, můžou mít libovolný název. Když přidáte obslužnou rutinu události s integrovaným vývojovém prostředím (IDE), vytvoří název na základě názvu ovládacího prvku a zpracovávané události.

Například událost Click pro tlačítko nazvané showButton se nazývá showButton_Click() nebo ShowButton_Click(). Pokud chcete změnit název proměnné, klikněte pravým tlačítkem myši na proměnnou a potom zvolte Přetvořit>Přejmenovat. Tato akce přejmenuje všechny instance této proměnné v kódu. Další informace naleznete v části Úprava názvu pomocí refaktoringu.

Napsání kódu pro otevření dialogového okna

Tlačítko Zobrazit obrázek pomocí komponenty OpenFileDialog zobrazí soubor obrázku. Tento postup přidá kód použitý k volání této komponenty.

Integrované vývojové prostředí sady Visual Studio nabízí výkonný nástroj s názvem IntelliSense. Při psaní intelliSense navrhuje možný kód.

1. V Windows Forms Designerpoklikejte na tlačítko Zobrazit obrázek. Integrované vývojové prostředí přesune kurzor uvnitř showButton_Click() nebo ShowButton_Click() metody.

2. Zadejte i na prázdný řádek mezi složené závorky { }nebo mezi Private Sub... a End Sub. Otevře se okno IntelliSense.

   

3. Okno IntelliSense by mělo zvýraznit slovo if. Dvakrát vyberte klávesu Tab a vložte fragment kódu if.

4. Vyberte true a zadáním op ji přepište pro jazyk C# nebo Op pro Visual Basic.

   

   IntelliSense zobrazí openFileDialog1.

5. Vyberte tab a přidejte openFileDialog1.

6. Napište tečku (.) nebo tečku, hned za openFileDialog1. IntelliSense poskytuje všechny vlastnosti a metody komponenty OpenFileDialog. Začněte psát ShowDialog a vyberte Tabulátor. Metoda ShowDialog() zobrazí dialogové okno Otevřít soubor.

7. Přidejte závorky () bezprostředně za "g" v ShowDialog. Váš kód by měl být openFileDialog1.ShowDialog().

8. V jazyce C# přidejte mezeru a pak přidejte dvě znaménka rovná se (==). V jazyce Visual Basic přidejte mezeru a pak použijte jedno rovnítko (=).

9. Přidejte další mezeru. Pomocí IntelliSense zadejte DialogResult.

10. Zadejte tečku pro otevření hodnoty DialogResult v okně IntelliSense. Zadejte písmeno O a zvolte klávesu Tab a vložte OK.

    Poznámka

    První řádek kódu by měl být dokončený. V jazyce C# by měl být podobný následujícímu.

    if (openFileDialog1.ShowDialog() == DialogResult.OK)

    Pro Visual Basic by měl být následující.

    If OpenFileDialog1.ShowDialog() = DialogResult.OK Then

11. Přidejte následující řádek kódu.

    C#

    pictureBox1.Load(openFileDialog1.FileName);  
    

    VB

    PictureBox1.Load(OpenFileDialog1.FileName)
    

    Můžete ho zkopírovat a vložit nebo použít IntelliSense k jeho přidání. Konečná metoda showButton_Click() by měla vypadat podobně jako v následujícím kódu.

    jazyka C#

    private void showButton_Click(object sender, EventArgs e)
    {
        if (openFileDialog1.ShowDialog() == DialogResult.OK)
        {
            pictureBox1.Load(openFileDialog1.FileName);  
        }
    }
    

    VB

    Private Sub showButton_Click() Handles showButton.Click
        If OpenFileDialog1.ShowDialog() = DialogResult.OK Then
            PictureBox1.Load(OpenFileDialog1.FileName)
        End If
    
    End Sub
    

---

1. Do kódu přidejte následující komentář.

   jazyka C#

   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);
       }
   }
   

   VB

   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
   

---

Osvědčeným postupem je vždy okomentovat kód. Komentáře ke kódu usnadňují pochopení a údržbu kódu v budoucnu.

Psaní kódu pro ostatní ovládací prvky

Pokud teď aplikaci spustíte, můžete vybrat Zobrazit obrázek. Prohlížeč obrázků otevře dialogové okno Otevřít soubor, kde můžete vybrat obrázek, který se má zobrazit.

V této části přidejte kód pro ostatní obslužné rutiny událostí.

1. V Windows Forms Designerpoklikejte na tlačítko Vymazat obrázek . V jazyce C# přidejte kód do složených závorek. Pro Visual Basic přidejte kód mezi Private Sub a End Sub.

   jazyka C#

   private void clearButton_Click(object sender, EventArgs e)
   {
       // Clear the picture.
       pictureBox1.Image = null;
   }
   

   VB

   Private Sub clearButton_Click() Handles clearButton.Click
       ' Clear the picture.
       PictureBox1.Image = Nothing
   End Sub   
   

2. Poklikejte na tlačítko Nastavit barvu pozadí a přidejte kód.

   jazyka C#

   private void backgroundButton_Click(object sender, EventArgs e)
   {
       // Show the color dialog box. If the user clicks OK, change the
       // PictureBox control's background to the color the user chose.
       if (colorDialog1.ShowDialog() == DialogResult.OK)
           pictureBox1.BackColor = colorDialog1.Color;
   }
   

   VB

   Private Sub backgroundButton_Click() Handles backgroundButton.Click
       ' Show the color dialog box. If the user clicks OK, change the
       ' PictureBox control's background to the color the user chose.
       If ColorDialog1.ShowDialog() = DialogResult.OK Then
           PictureBox1.BackColor = ColorDialog1.Color
       End If
   End Sub
   

3. Dvakrát klikněte na tlačítko Zavřít a přidejte kód.

   C#

   private void closeButton_Click(object sender, EventArgs e)
   {
       // Close the form.
       this.Close();
   }
   
   

   Private Sub closeButton_Click() Handles closeButton.Click
       ' Close the form.
       Close()
   End Sub  
   

4. Poklikejte na zaškrtávací políčko Stretch a přidejte kód.

   jazyka C#

   private void checkBox1_CheckedChanged(object sender, EventArgs e)
   {
       // If the user selects the Stretch check box, 
       // change the PictureBox's
       // SizeMode property to "Stretch". If the user clears 
       // the check box, change it to "Normal".
       if (checkBox1.Checked)
           pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage;
       else
           pictureBox1.SizeMode = PictureBoxSizeMode.Normal;
   }
   

   VB

   Private Sub CheckBox1_CheckedChanged() Handles CheckBox1.CheckedChanged
       ' If the user selects the Stretch check box, change 
       ' the PictureBox's SizeMode property to "Stretch". If the user 
       ' clears the check box, change it to "Normal".
       If CheckBox1.Checked Then
           PictureBox1.SizeMode = PictureBoxSizeMode.StretchImage
       Else
           PictureBox1.SizeMode = PictureBoxSizeMode.Normal
       End If
   End Sub   
   

Spuštění aplikace

Aplikaci můžete kdykoli spustit během psaní. Po přidání kódu v předchozí části se prohlížeč obrázků dokončí. Stejně jako v předchozích kurzech použijte k spuštění aplikace jednu z následujících metod:

• Vyberte klávesu F5.
• Na řádku nabídek vyberte Ladění>Spustit ladění.
• Na panelu nástrojů vyberte tlačítko Start.

Zobrazí se okno s názvem prohlížeč obrázků. Otestujte všechny ovládací prvky.

1. Vyberte tlačítko „Nastavit barvu pozadí“ . Otevře se dialogové okno Barva.

   

2. Zvolte barvu, která nastaví barvu pozadí.

3. Výběrem Zobrazit obrázek zobrazíte obrázek.

   

4. Vyberte a zrušte výběr stretch.

5. Chcete-li se ujistit, že se zobrazení vymaže, vyberte tlačítko Vymazat obrázek.

6. Výběrem Zavřít aplikaci ukončete.

Blahopřejeme! Dokončili jste tuto sérii kurzů. V integrovaném vývojovém prostředí sady Visual Studio jste provedli tyto úlohy programování a návrhu:

• Vytvořili jste projekt sady Visual Studio, který používá Windows Forms.
• Přidání rozložení pro aplikaci pro prohlížení obrázků
• Přidání tlačítek a zaškrtávacího políčka
• Přidání dialogových oken
• Byly přidány obslužné rutiny událostí pro ovládací prvky
• Napsání kódu jazyka C# nebo Jazyka Visual Basic pro zpracování událostí

Další krok

Pokračujte ve studiu s další řadou kurzů o tom, jak vytvořit časový matematický kvíz.

Kurz 2: Vytvoření časově uspořádané matematického kvízu