Návod: Vazba s daty v Návrháři XAML

V Návrháři XAML můžete nastavit vlastnosti datové vazby pomocí kreslicí plochy a okno Vlastnosti. Příklad v tomto názorném postupu ukazuje, jak vytvořit vazbu dat k ovládacímu prvku. Konkrétně návod ukazuje, jak vytvořit jednoduchou třídu nákupního košíku s názvem ItemCountDependencyProperty a pak vytvořit vazbu ItemCount vlastnosti na Text vlastnost TextBlock ovládacího prvku.

Vytvoření třídy, která se má použít jako zdroj dat

1. V nabídce Soubor zvolte Nový>projekt.

2. V dialogovém okně Nový projekt zvolte uzel Visual C# nebo Visual Basic , rozbalte uzel Plocha systému Windows a pak zvolte šablonu aplikace WPF.

3. Pojmenujte projekt BindingTest a pak zvolte tlačítko OK .

4. Otevřete soubor MainWindow.xaml.cs (nebo MainWindow.xaml.vb) a přidejte následující kód. V jazyce C# přidejte kód do BindingTest oboru názvů (před poslední pravou závorku v souboru). V jazyce Visual Basic stačí přidat novou třídu.

   C#

   public class ShoppingCart : DependencyObject
   {
       public int ItemCount
       {
           get { return (int)GetValue(ItemCountProperty); }
           set { SetValue(ItemCountProperty, value); }
       }
   
       public static readonly DependencyProperty ItemCountProperty =
            DependencyProperty.Register("ItemCount", typeof(int),
            typeof(ShoppingCart), new PropertyMetadata(0));
   }
   

   VB

   Public Class ShoppingCart
       Inherits DependencyObject
   
       Public Shared ReadOnly ItemCountProperty As DependencyProperty = DependencyProperty.Register(
            "ItemCount", GetType(Integer), GetType(ShoppingCart), New PropertyMetadata(0))
       Public Property ItemCount As Integer
           Get
               ItemCount = CType(GetValue(ItemCountProperty), Integer)
           End Get
           Set(value As Integer)
               SetValue(ItemCountProperty, value)
           End Set
       End Property
   End Class
   

   Tento kód nastaví hodnotu 0 jako výchozí počet položek pomocí PropertyMetadata objektu.

5. V nabídce Soubor zvolte Sestavit>řešení.

Vytvoření vazby vlastnosti ItemCount k ovládacímu prvku TextBlock

1. V Průzkumník řešení otevřete místní nabídku pro MainWindow.xaml a zvolte Návrhář zobrazení.

2. V sadě nástrojů zvolte ovládací prvek Mřížka a přidejte ho do formuláře.

3. S vybranou Grid možností v okno Vlastnosti zvolte tlačítko Nový vedle vlastnosti DataContext.

4. V dialogovém okně Vybrat objekt zkontrolujte, zda je zaškrtnuté políčko Zobrazit všechna sestavení, zvolte ShoppingCart pod oborem názvů BindingTest a pak zvolte tlačítko OK.

   Následující obrázek znázorňuje dialogové okno Vybrat objekt s vybranou možností ShoppingCart .

   

5. V sadě nástrojů zvolte TextBlock ovládací prvek, který chcete přidat do formuláře.

6. Při vybraném ovládacím TextBlock prvku v okno Vlastnosti zvolte značku vlastnosti napravo od vlastnosti Text a pak zvolte Vytvořit datovou vazbu. (Značka vlastnosti vypadá jako malé pole.)

7. V dialogovém okně Vytvořit datovou vazbu v poli Cesta zvolte vlastnost ItemCount : (int32) a pak zvolte tlačítko OK .

   Následující obrázek znázorňuje dialogové okno Vytvořit datovou vazbu s vybranou vlastností ItemCount .

   

8. Stisknutím klávesy F5 spusťte aplikaci.

   Ovládací TextBlock prvek by měl jako text zobrazit výchozí hodnotu 0.

Tip

Další informace o datové vazbě najdete v tématu Vytvoření vazby ovládacích prvků k datům v sadě Visual Studio.

Související obsah

• Vytvoření uživatelského rozhraní pomocí Návrháře XAML
• Dialogové okno Přidat převaděč hodnot