Sdílet prostřednictvím

Krok 8: Napsat kód obslužné rutiny události tlačítka Zobrazení obrázku

  • Článek

V tomto kroku uděláte tlačítko Zobrazit obrázek funkční následujícím způsobem:

  • Když uživatel klikne na toto tlačítko, program otevře dialogové okno Otevřít Soubor.

  • Pokud uživatel vybere soubor s obrázkem, program zobrazí v ovládacím prvku PictureBox daný obrázek.

Rozhraní IDE má výkonný nástroj zvaný technologie IntelliSense, který vám pomůže psát kód. Při psaní kódu rozhraní IDE otevře pole s navrhovaným dokončením pro částečné slova, která jste zadali. Snaží se určit, co chcete udělat dále a automaticky přejde na poslední položku, kterou jste vybrali ze seznamu. Můžete použít šipky nahoru a dolů k přesunutí se v seznamu nebo můžete pokračovat v psaní písmen k zúžení voleb. Po zobrazení možnosti, kterou chcete, stiskněte klávesu Tabulátor pro její vybrání. Nebo můžete návrhy ignorovat, pokud nejsou potřebné.

Napsat kód pro zobrazení obslužné rutiny události obrázku tlačítka

  1. Přejděte do Návrháře formulářů a poklepejte na tlačítko Zobrazit obrázek. Rozhraní IDE ihned přejde na designer kódu a přesune kurzor tak, aby byl uvnitř metody showButton_Click(), kterou jste přidali dříve.

  2. Zadejte i na prázdném řádku mezi dvěma závorkami { }. (V jazyce Visual Basic zadejte na prázdném řádku mezi Private Sub… a End Sub.) Technologie IntelliSense otevře okno, jak je znázorněno na následujícím obrázku.

    Funkce IntelliSense s kódem jazyka Visual C#

    Funkce IntelliSense s kódem jazyka Visual C#

  3. Okno technologie IntelliSense by mělo zvýrazňovat slovo if. (Pokud ne, zadejte malé f a bude.) Všimněte si, jak žlutý popis tlačítka vedle okna technologie IntelliSense zobrazuje Fragment kódu pro if příkaz. (V jazyce Visual Basic popis tlačítka také uvádí, že to je fragment, ale s mírně odlišným zněním.) Chcete použít tento fragment. Stiskněte klávesu Tabulátor k vložení příkazu if do kódu. Stiskněte klávesu Tabulátor znovu pro použití if fragmentu. (Pokud jste kliknuli na jinou oblast a vaše okno technologie IntelliSense zmizelo, smažte vše přes i a znovu jej napište a okno technologie IntelliSense se znovu otevře.)

    Kód jazyka Visual C#

    Kód jazyka Visual C#

  4. Poté použijte technologii IntelliSense k zadání dalšího kódu k otevření dialogového okna Otevřít Soubor. Pokud uživatel klikne na tlačítko OK, ovládací prvek PictureBox načte soubor, který uživatel vybral. Následující kroky ukazují, jak zadat kód, a přestože je to mnoho kroků, je to pouze několik klávesových úhozů:

    1. Začněte vybraným textem true ve fragmentu. Napište op k jeho přepsání. (V jazyce Visual Basic, začínáte počáteční velkým písmenem, tak zadejte Op.)

    2. Okno technologie IntelliSense se otevře a zobrazí dialog openFileDialog1. Stiskněte klávesu Tabulátor k výběru. (V jazyce Visual Basic začíná počátečním velkým písmenem, takže se zobrazí dialog OpenFileDialog1. Zkontrolujte, zda je dialog OpenFileDialog1 vybrán.

    3. Zadejte tečku (. ) (Mnoho programátorů toto nazývá tečka.) Protože jste zadali tečku ihned po dialogu openFileDialog1, otevře se okno technologie IntelliSense vyplněné se všemi vlastnostmi a metodami komponenty OpenFileDialog. Jedná se o stejné vlastnosti, které se zobrazují v okně Vlastnosti, jako když kliknete na okno v Návrháři formulářů. Existují také metody, které mohou říct komponentě, aby provedla věci (jako je otevření dialogového okna).

      Poznámka

      Okno technologie IntelliSense může ukázat jak vlastnosti, tak metody. Chcete-li zjistit, co je zobrazeno, podívejte se na ikonu nalevo. Vidíte obrázek bloku vedle každé metody a obrázek ruky vedle jednotlivých vlastností. Je zde také ikona blesku vedle každé události. Tyto obrázky se zobrazí takto.

      Metoda – ikona

      Metoda – ikona

      Vlastnost – ikona

      Vlastnost – ikona

      Událost – ikona

      Událost – ikona

    4. Začněte zadáním ShowDialog (velká písmena nejsou důležitá pro technologii IntelliSense). Metoda ShowDialog() zobrazí dialogové okno Otevřít Soubor. Poté, co okno zvýraznilo ShowDialog, stiskněte klávesu Tabulátor.

    5. Při použití metody na ovládacím prveku nebo komponentě (označované jako volání metody), potřebujete přidat závorky. Zadejte proto otevírací a zavírací závorky: ()

      Poznámka

      Metody jsou důležitou součástí každého programu a tento kurz ukázal několik způsobů používání metod. Můžete volat metodu komponenty abyste ji řekli, že má něco udělat, jako jste volali dialog OpenFileDialog metodu komponenty ShowDialog(). Můžete vytvořit vlastní metody, aby váš program prováděl akce, jako vytváříte nyní, nazývanou metoda showButton_Click(), která otevře dialogové okno a obrázek, když uživatel klikne na tlačítko.

    6. V jazyce Visual C# přidejte mezeru, a pak přidejte dva symboly rovná se (==). V jazyce Visual Basic přidejte mezeru a potom jeden symbol rovná se (=). (Jazyk Visual C# a jazyk Visual Basic používá odlišné operátory rovnosti.)

    7. Přidejte další mezeru. Jakmile tak provedete, otevře se jiné okno technologie IntelliSense. Začněte psát DialogResult a stiskněte klávesu Tabulátor k přidání.

      Poznámka

      Pokud píšete kód k volání metody, někdy vrací hodnotu. V tomto případě dialog OpenFileDialog metoda komponenty ShowDialog() vrátí hodnotu DialogResult. DialogResult je zvláštní hodnota, ze které se dozvíte, co se stalo v dialogovém okně. Komponenta OpenFileDialog může vést ke kliknutí uživatele na tlačítko OK nebo Storno, takže metoda ShowDialog() vrátí buď DialogResult.OK nebo DialogResult.Cancel.

    8. Zadejte tečku k otevření okna technologie IntelliSense s hodnotou DialogResult. Zadejte písmeno O a stiskněte klávesu Tabulátor, chcete-li vložit OK.

      Poznámka

      První řádek kódu by měl být úplný. Pro jazyk Visual C# by to mělo být jako následující.

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

      Pro jazyk Visual Basic by to mělo být jako následující.

      If OpenFileDialog1.ShowDialog() = DialogResult.OK Then

    9. Nyní můžete přidat další řádek kódu. Můžete jej napsat (nebo jej zkopírujte a vložte), ale zvažte použití technologie IntelliSense k jeho přidání. Čím více se seznámíte s technologií IntelliSense, tím rychleji můžete napsat vlastní kód. Výsledná metoda showButton_Click() vypadá následovně.

      Private Sub showButton_Click() Handles showButton.Click

    If OpenFileDialog1.ShowDialog() = DialogResult.OK Then
        PictureBox1.Load(OpenFileDialog1.FileName)
    End If

End Sub

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

Chcete-li pokračovat nebo znovu projít