Kurz: Vytvoření aplikace WPF pomocí jazyka Visual Basic

V tomto kurzu vytvoříte aplikaci pomocí jazyka Visual Basic v integrovaném vývojovém prostředí (IDE) sady Visual Studio. Váš program bude používat architekturu uživatelského rozhraní WPF (Windows Presentation Foundation). V tomto kurzu se seznámíte s mnoha nástroji, dialogovými okny a návrháři, které můžete použít v sadě Visual Studio.

V tomto návodu se naučíte, jak:

• Vytvoření projektu
• Konfigurace okna a přidání textu
• Přidání tlačítek a kódu
• Ladění a testování aplikace
• Ladění pomocí bodů přerušení
• Sestavení vydané verze

Co je WPF?

WPF nebo Windows Presentation Foundation je architektura uživatelského rozhraní (uživatelského rozhraní), která vytváří desktopové klientské aplikace. Vývojová platforma WPF podporuje širokou škálu funkcí vývoje aplikací, včetně aplikačního modelu, prostředků, ovládacích prvků, grafiky, rozložení, datové vazby, dokumentů a zabezpečení.

WPF je součástí .NET, takže pokud jste dříve vytvořili aplikace s .NET pomocí ASP.NET nebo Modelu Windows Forms, měli byste mít zkušenosti s programováním. WPF používá XAML jazyka EXTENSIBLE Application Markup Language k poskytnutí deklarativního modelu pro programování aplikací. Další informace viz přehled WPF .NET.

Požadavky

K dokončení tohoto kurzu potřebujete Visual Studio. Navštivte stránku ke stažení sady Visual Studio a získejte bezplatnou verzi.

Vytvoření projektu

Při vytváření aplikace v sadě Visual Studio nejprve vytvoříte projekt. V tomto kurzu vytvořte projekt Windows Presentation Foundation.

1. Otevřete Visual Studio.

2. V úvodním okně zvolte Vytvořit nový projekt.

   

3. V okně Vytvořit nový projekt vyhledejte "WPF" a v rozevíracím seznamu Všechny jazyky vyberte Visual Basic. Zvolte aplikaci WPF (.NET Framework) a pak zvolte Další.

   

4. Pojmenujte projekt HelloWPFApp a vyberte Vytvořit.

   Visual Studio vytvoří projekt a řešení HelloWPFApp. Průzkumník řešení zobrazuje různé soubory.

   

Návrhář WPF zobrazuje návrhové zobrazení a zobrazení XAML MainWindow.xaml v rozděleném zobrazení.

Poznámka:

Další informace o jazyku XAML (Application Markup Language) eXtensible najdete v přehledu XAML pro WPF.

Konfigurace okna a přidání textu

Pomocí okna Vlastnosti můžete zobrazit a změnit možnosti pro položky projektu, ovládací prvky a další položky.

1. V Průzkumníku řešení otevřete MainWindow.xaml.

2. V zobrazení XAML změňte hodnotu vlastnosti Window.Title z Title="MainWindow" na Title="Greetings".

3. Na levé straně integrovaného vývojového prostředí sady Visual Studio vyberte kartu Panel nástrojů. Pokud ho nevidíte, vyberte z panelu nabídek Zobrazit>Panel nástrojů nebo použijte Ctrl+Alt+X.

4. Pokud chcete najít TextBlock, rozbalte běžné ovládací prvky WPF nebo zadejte text na panelu hledání.

   

5. Vyberte položku TextBlock a přetáhněte ji do okna na návrhové ploše. Ovládací prvek TextBlock můžete přesunout přetažením. K umístění ovládacího prvku použijte pokyny.

   

   Kód XAML by měl vypadat jako v následujícím příkladu:

   <TextBlock HorizontalAlignment="Left" Margin="381,100,0,0" TextWrapping="Wrap" Text="TextBlock" VerticalAlignment="Top"/>
   

6. V zobrazení XAML vyhledejte kód pro TextBlock a změňte atribut Text :

   Text="Select a message option and then choose the Display button."
   

   V případě potřeby znovu zacentrujte TextBlock.

7. Uložte aplikaci tak, že vyberete tlačítko Uložit vše na panelu nástrojů. Alternativně, pokud chcete aplikaci uložit, zvolte Soubor>Uložit vše z řádku nabídek nebo stiskněte Ctrl+Shift+S. Nejlepší praxí je uložit data brzy a často.

Přidání tlačítek a kódu

Vaše aplikace používá dvě přepínače a tlačítko. Pomocí těchto kroků je přidejte. Do tlačítka přidáte kód jazyka Visual Basic. Tento kód odkazuje na výběr radiobuttonu.

1. Na panelu nástrojů najděte přepínač RadioButton.

   

2. Přidejte dva ovládací prvky RadioButton na návrhovou plochu tak, že vyberete položku RadioButton a přetáhnete ji na návrhovou plochu. Tlačítka můžete přesunout tak, že je vyberete a použijete šipkové klávesy. Tlačítka umístěte vedle sebe pod ovládací prvek TextBlock.

   

3. V okně Properties levého ovládacího prvku RadioButton změňte vlastnost Name v horní části okna Properties na HelloButton.

   

4. V okně Properties pravého ovládacího prvku RadioButton změňte vlastnost Name na GoodbyeButton.

5. Aktualizujte atribut Content pro HelloButton a GoodbyeButton na "Hello" a "Goodbye" v souboru XAML.

   <Grid>
        <TextBlock HorizontalAlignment="Left" Margin="252,47,0,0" TextWrapping="Wrap" Text="Select a message option and then choose the Display button." VerticalAlignment="Top"/>
        <RadioButton x:Name="HelloButton" Content="Hello" HorizontalAlignment="Left" Margin="297,161,0,0" VerticalAlignment="Top"/>
        <RadioButton x:Name="GoodbyeButton" Content="Goodbye" HorizontalAlignment="Left" Margin="488,161,0,0" VerticalAlignment="Top"/>
   </Grid>
   

6. V zobrazení XAML vyhledejte kód pro HelloButton a přidejte atribut IsChecked :

   IsChecked="True"
   

   Atribut IsChecked s hodnotou True znamená, že HelloButton je ve výchozím nastavení zaškrtnuté. Toto nastavení znamená, že rádiové tlačítko je vždy vybrané, i při spuštění programu.

7. V sadě nástrojů vyhledejte ovládací prvek Tlačítko a přetáhněte tlačítko na návrhovou plochu pod ovládacími prvky RadioButton.

8. V zobrazení XAML změňte hodnotu obsahu ovládacího prvku Button z Content="Button" na Content="Display".

   <Button Content="Display" HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" Margin="215,204,0,0"/>
   

   Okno by mělo vypadat podobně jako na následujícím obrázku.

   

9. Na návrhové ploše dvakrát klikněte na tlačítko Zobrazit.

   MainWindow.xaml.vb se otevře s kurzorem v Button_Click události.

   Private Sub Button_Click(sender As Object, e As RoutedEventArgs)
   
   End Sub
   

10. Přidejte následující kód:

    If HelloButton.IsChecked = True Then
        MessageBox.Show("Hello.")
    ElseIf GoodbyeButton.IsChecked = True Then
        MessageBox.Show("Goodbye.")
    End If
    

Ladění a testování aplikace

V dalším kroku aplikaci ladíte, abyste vyhledli chyby a otestli, že se obě okna zpráv zobrazují správně. Pokud chcete zjistit, jak tento proces funguje, první krok záměrně zavádí do programu chybu.

1. V Průzkumníku řešení klikněte pravým tlačítkem na MainWindow.xaml a zvolte Přejmenovat. Přejmenujte soubor na Greetings.xaml.

2. Ladicí program spusťte stisknutím klávesy F5 nebo výběrem možnosti Ladit a pak spusťte ladění.

   Zobrazí se okno Režim přerušení a okno Výstup indikuje, že došlo k výjimce.

   

3. Zastavte ladění tak, že zvolíte Ladění>Zastavit ladění.

   Na začátku této části jste přejmenovali MainWindow.xaml na Greetings.xaml . Kód stále odkazuje na MainWindow.xaml jako spouštěcí identifikátor URI aplikace, takže projekt nemůže spustit.

4. V Průzkumníku řešení otevřete soubor Application.xaml .

5. Změnit StartupUri="MainWindow.xaml" na StartupUri="Greetings.xaml"

6. Spusťte ladicí program znovu (stiskněte F5). Nyní byste měli vidět okno Greetings vaší aplikace.

   

7. Vyberte Hello a tlačítko Zobrazit a pak sbohem a tlačítko Zobrazit . K ukončení ladění použijte ikonu zavření v pravém horním rohu.

Další informace naleznete v tématu Sestavení aplikace WPF (WPF) a Debug WPF.

Ladění pomocí bodů přerušení

Kód můžete otestovat během ladění (debugging) přidáním několika zarážek.

1. Otevřete Greetings.xaml.vb a vyberte následující řádek: MessageBox.Show("Hello.")

2. Pokud chcete přidat zarážku stisknutím klávesy F9 nebo výběrem možnosti Ladit, přepněte zarážku.

   Vedle řádku kódu v levém okraji okna editoru se zobrazí červený kroužek.

3. Vyberte následující řádek: MessageBox.Show("Goodbye.").

4. Stisknutím klávesy F9 přidejte zarážku a stisknutím klávesy F5 spusťte ladění.

5. V okně Pozdravy vyberte tlačítko Hello a pak vyberte Zobrazit.

   Čára MessageBox.Show("Hello.") je zvýrazněná žlutou barvou. V dolní části IDE jsou okna Automatické, Místní a Sledování společně ukotvena na levé straně. zásobník volání, zarážky, nastavení výjimek, příkaz, okamžitéa okna Výstupní jsou ukotvena na pravé straně.

   

6. Na liště nabídek zvolte Ladění>Krok ven.

   Aplikace se spustí znovu. Zobrazí se dialogové okno se slovem "Hello".

7. Kliknutím na tlačítko OK zavřete dialogové okno.

8. V okně Pozdravy zvolte přepínač Sbohem a pak zvolte tlačítko Zobrazit.

   Čára MessageBox.Show("Goodbye.") je zvýrazněná žlutou barvou.

9. Pokud chcete pokračovat v ladění, zvolte klávesu F5. Po zobrazení dialogového okna zavřete dialogové okno kliknutím na tlačítko OK .

10. Zavřete okno aplikace, čímž zastavíte ladění.

11. Na řádku nabídek zvolte Ladit>Zakázat všechny zarážky.

Sestavení vydané verze

Teď, když jste ověřili, že všechno funguje, můžete připravit verzi aplikace určenou k vydání.

1. Výběrem možnosti Sestavit>čisté řešení odstraňte zprostředkující soubory a výstupní soubory vytvořené během předchozích sestavení.

2. Změňte konfiguraci sestavení pro HelloWPFApp z Ladění na Release pomocí ovládacího prvku rozevíracího seznamu na panelu nástrojů.

3. Vyberte Sestavit>řešení.

Blahopřejeme k dokončení tohoto kurzu! Můžete najít .exe , které jste vytvořili v rámci vašeho řešení a adresáře projektu (...\HelloWPFApp\bin\Release).

Další kroky

V dalším článku se dozvíte, jak vytvořit aplikaci Windows Forms v sadě Visual Studio pomocí jazyka Visual Basic.

Vytvoření aplikace Windows Forms

Související odkazy

Další informace o sadě Visual Studio najdete v těchto zdrojích informací:

• tipy pro produktivitu