Krok 8: Zapište kód pro obslužnou rutinu události zobrazení tlačítka s obrázkem

  • Článek

V tomto kroku nastavíte tlačítko Zobrazit obrázek jako 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 otevře 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é.

odkaz na videoVideo verzi tohoto tématu naleznete v části Kurz 1: Vytvoření prohlížeče obrázků v jazyce Visual Basic - Video 4 nebo Kurz 1: Vytvoření prohlížeče obrázků v jazyce C# - Video 4.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.

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

  1. Přejděte do Návrháře formulářů Windows a poklepejte na tlačítko Zobrazit obrázek.Rozhraní IDE ihned přejde na návrháře 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.) Otevře se okno IntelliSense, jak je znázorněno na následujícím obrázku.

    Funkce IntelliSense s kódem jazyka Visual C#

    Technologie IntelliSense s kódem 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 se zobrazí malý popisek vedle okna IntelliSense s popisem Fragment kódu pro příkaz if. (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, proto zvolte klávesu TAB k vložení operátoru if do kódu.Vyberte klávesu Tabulátor znovu pro použití if fragmentu. (Pokud jste zvolili 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#

    Visual C# kódu

  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 vybral 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.Proveďte výběr stisknutím klávesy TAB. (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.)

      Další informace OpenFileDialog naleznete v OpenDialog.

    3. Zadejte tečku (.) (Mnoho programátorů to označuje jako tečku.) 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ž je vyberete v Návrháři formulářů Windows.Můžete zvolit 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 na levé straně každé položky v okně IntelliSense.Vidíte obrázek bloku vedle každé metody a obrázek francouzského klíče vedle jednotlivých vlastností.Je zde také ikona blesku vedle každé události.Tyto obrázky se zobrazí takto.

      Ikona metody

      Ikona metody

      Ikona Vlastnost

      Ikona vlastnost

      Ikona události

      Ikona událost

    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 objekt ShowDialog, stiskněte klávesu Tabulátor.Můžete také zvýraznit "ShowDialog" a klávesou F1 pro něj zobrazit nápovědu.

      Další informace o metodě ShowDialog() uvádí téma Metoda ShowDialog.

    5. Při použití metody u ovládacího prvku nebo komponenty (označované jako volání metody) je třeba přidat závorky.Zadejte proto počáteční a konečnou závorku ihned po "g" v příkaze ShowDialog: () Ten by měl nyní vypadat takto: "openFileDialog1.ShowDialog()".

      [!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 metodu ShowDialog() komponenty OpenFileDialog.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 zadáním textu DialogResult a kliknutím na klávesu TAB objekt přidejte.

      [!POZNÁMKA]

      Pokud píšete kód k volání metody, někdy vrací hodnotu.V tomto případě dialog metoda ShowDialog() komponenty OpenFileDialog 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 k výběru tlačítka 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 zvolte klávesu Tabulátor k vložení OK.

      Další informace o DialogResult naleznete v DialogResult.

      [!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ě. (Zvolte kartu VB k zobrazení verze kódu jazyka Visual Basic.)

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

Pokračování nebo kontrola