So wird’s gemacht: Hinzufügen einer Listenansicht (XAML)

Applies to Windows and Windows Phone

Dieses Lernprogramm führt Sie durch die Schritte zum Hinzufügen einer Listenansicht zu einer Windows-Runtime-App mit C++, C# oder Visual Basic.

Sie fügen eine Listenansicht i. d. R. im XAML-Editor (Extensible Application Markup Language) oder mit einem Entwicklungstool wie Blend für Visual Studio hinzu. Sie können eine Listenansicht aber auch im Code zur Laufzeit hinzufügen.

Roadmap: Wie hängt dieses Thema mit anderen zusammen? Informationen finden Sie unter:

Wissenswertes

Technologien

Voraussetzungen

Anweisungen

Schritt 1: Hinzufügen einer Listenansicht in XAML

Hh943062.wedge(de-de,WIN.10).gifSo fügen Sie eine Listenansicht in XAML hinzu

  1. Fügen Sie im übergeordneten Container ein ListView-Steuerelement hinzu.
  2. Wenn Sie der Listenansicht einen Namen zuweisen möchten, legen Sie das x:Name-Attribut auf einen Zeichenfolgenwert fest.

    Wenn Sie im Code auf ein Steuerelement verweisen möchten, muss dieses einen Namen besitzen. Ansonsten ist kein Name erforderlich.

  3. Fügen Sie der Listenansicht Elemente hinzu, indem Sie die Items-Auflistung füllen oder die ItemsSource-Eigenschaft an eine Datenquelle binden.

    In diesem Beispiel wird die Items-Auflistung in XAML gefüllt.

    
    <ListView x:Name="listView1" SelectionChanged="ListView_SelectionChanged">
        <x:String>Item 1</x:String>
        <x:String>Item 2</x:String>
    </ListView>
    
    
    

    In diesem Beispiel wird die ItemsSource an eine Auflistung in XAML gebunden. Die ItemsSource wird an den DataContext des ListView gebunden.

    
    <ListView ItemsSource="{Binding}" SelectionChanged="ListView_SelectionChanged"/>
    
    
    
  4. Damit bei einer Auswahländerung in der Listenansicht eine Aktion ausgeführt wird, fügen Sie einen Ereignishandler für das SelectionChanged-Ereignis hinzu. Fügen Sie im SelectionChanged-Ereignishandler Code hinzu, damit Aktionen ausgeführt werden.
    
    private void ListView_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        // Add code to perform some action here.
    }
    
    
    

    Zur Überprüfung des ausgewählten Elements im Steuerelement außerhalb des SelectionChanged-Ereignisses verwenden Sie die SelectedItem-Eigenschaft oder die SelectedIndex-Eigenschaft.

Schritt 2: Hinzufügen einer Listenansicht in Code

Hh943062.wedge(de-de,WIN.10).gifSo fügen Sie eine Listenansicht in Code hinzu

  1. Erstellen Sie ein neues ListView.
  2. Fügen Sie der Listenansicht Elemente hinzu, indem Sie die Items-Auflistung füllen oder die ItemsSource-Eigenschaft auf eine Datenauflistung festlegen.
  3. Damit bei einer Auswahländerung in der Listenansicht eine Aktion ausgeführt wird, fügen Sie einen Ereignishandler für das SelectionChanged-Ereignis hinzu. Fügen Sie im SelectionChanged-Ereignishandler Code hinzu, damit Aktionen ausgeführt werden.
  4. Fügen Sie das ListView in der visuellen Struktur einem übergeordneten Container hinzu. Dies ist erforderlich, damit die Listenansicht auf der Benutzeroberfläche angezeigt wird.

    In diesem Beispiel wird gezeigt, wie Sie ein ListView hinzufügen und die Items-Auflistung im Code füllen.

    
    // Create a new list view, add content, 
    // and add a SelectionChanged event handler.
    ListView listView1 = new ListView();
    listView1.Items.Add("Item 1");
    listView1.Items.Add("Item 2");
    listView1.SelectionChanged += ListView_SelectionChanged;
    
    // Add the list view to a parent container in the visual tree.
    stackPanel1.Children.Add(listView1);
    
    
    

    In diesem Beispiel wird gezeigt, wie Sie ein ListView hinzufügen und die ItemsSource im Code festlegen.

    
    // Data source.
    List<String> itemsList = new List<string>();
    itemsList.Add("Item 1");
    itemsList.Add("Item 2");
    
    // Create a new list view, add content, 
    // and add a SelectionChanged event handler.
    ListView listView1 = new ListView();
    listView1.ItemsSource = itemsList;
    listView1.SelectionChanged += ListView_SelectionChanged;
    
    // Add the list view to a parent container in the visual tree.
    stackPanel1.Children.Add(listView1);
    
    
    
  5. Damit bei einer Auswahländerung in der Listenansicht eine Aktion ausgeführt wird, fügen Sie einen Ereignishandler für das SelectionChanged-Ereignis hinzu. Fügen Sie im SelectionChanged-Ereignishandler Code hinzu, damit Aktionen ausgeführt werden.
    
    private void ListView_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        // Add code to perform some action here.
    }
    
    
    

    Zur Überprüfung des ausgewählten Elements im Steuerelement außerhalb des SelectionChanged-Ereignisses verwenden Sie die SelectedItem-Eigenschaft oder die SelectedIndex-Eigenschaft.

Schritt 3: Hinzufügen einer Listenansicht mit einem Entwicklungstool

Hh943062.wedge(de-de,WIN.10).gifSo fügen Sie eine Listenansicht mit einem Entwicklungstool hinzu

  1. Wählen Sie das ListView-Steuerelement aus.
    • Wählen Sie in Microsoft Visual Studio im Bereich Toolbox die ListView aus.
    • Wählen Sie in Blend für Visual Studio im Bereich Assets die ListView aus.

      Wählen Sie auf der linken Seite im Bereich Objekte den Eintrag Steuerelemente aus.

  2. Fügen Sie auf der Entwurfsoberfläche einen ListView hinzu. Führen Sie dann eine der folgenden Aktionen aus:
    • Doppelklicken Sie auf die Listenansicht. Die Listenansicht wird dem ausgewählten übergeordneten Container mit den Standardeinstellungen für Position und Größe hinzugefügt.
    • Ziehen Sie die Listenansicht auf die Entwurfsoberfläche. Die Listenansicht wird an der Position hinzugefügt, an der Sie sie loslassen, wobei die Standardeinstellungen für Größe und Inhalt verwendet werden.
    • Zeichnen Sie das Steuerelement für die Listenansicht auf der Entwurfsoberfläche. Die Listenansicht wird mit den von Ihnen gezeichneten Einstellungen für Größe und Position hinzugefügt.
  3. Weisen Sie dem ListView bei Bedarf einen Namen zu. Geben Sie den Namen bei ausgewählter Listenansicht im Textfeld der Name-Eigenschaft ein.

    Die Name-Eigenschaft befindet sich ganz oben im Bereich Eigenschaften. Wenn Sie im Code auf ein Steuerelement verweisen möchten, muss dieses einen Namen besitzen. Ansonsten ist kein Name erforderlich.

  4. Fügen Sie der Listenansicht Elemente hinzu, indem Sie die Items-Auflistung füllen oder die ItemsSource-Eigenschaft an eine Datenquelle binden.
  5. Damit bei einer Auswahländerung in der Listenansicht eine Aktion ausgeführt wird, fügen Sie einen Ereignishandler für das SelectionChanged-Ereignis hinzu. Fügen Sie im SelectionChanged-Ereignishandler Code hinzu, damit Aktionen ausgeführt werden.
    1. Wählen Sie die Ansicht Ereignis im Bereich Eigenschaften aus.
    2. Wählen Sie die Listenansicht auf der Entwurfsoberfläche aus, und führen Sie dann eine der folgenden Aktionen aus:
      • Doppelklicken Sie in das Textfeld des SelectionChanged-Ereignisses, um einen Handler mit einem Standardnamen hinzuzufügen.
      • Geben Sie einen Namen in das Textfeld des SelectionChanged-Ereignisses ein, um einen Handler mit einem benutzerdefinierten Namen hinzuzufügen.

Verwandte Themen

ListView
Schnellstart: Hinzufügen von ListView- und GridView-Steuerelementen
Roadmap für Windows-Runtime-Apps mit C# oder Visual Basic
Roadmap für Windows-Runtime-Apps mit C++

 

 

Anzeigen:
© 2014 Microsoft