Freigeben über

Zeichnen eines "ItemsControl"-Elements

  • Artikel

ItemsControl-Elemente weisen eine Items-Eigenschaft (Elemente) auf, die eine Auflistung von untergeordneten Objekten enthalten kann. Sie können jedem Typ von Elementauflistung untergeordnete Objekte hinzufügen oder eine Reihe von Elementen einer Datenquelle mithilfe der Datenbindung anzeigen. ItemsControl-Elemente weisen weder eine Content-Eigenschaft (Inhalt) noch eine Header-Eigenschaft (Kopfzeile) auf. Untergeordnete Objekte werden in das ItemsHost-Element des ItemsControl-Elements eingefügt, bei dem es sich im Falle eines ListBox-Steuerelements um ein StackPanel-Element handelt, bei dem die Elemente in einem vertikalen Stapel angeordnet werden. Das ItemsHost-Element wird in Microsoft Expression Blend im Panel Objekte und Zeitachsen erst angezeigt, wenn Sie die Vorlage des ItemsControl-Elements bearbeiten.

Im folgenden Verfahren wird gezeigt, wie Sie ein ItemsControl-Element (ein ListBox-Steuerelement) erstellen können und der Elementauflistung Objekte hinzufügen. Sie können dieses Verfahren bei anderen ItemsControl-Elementen verwenden, die auf der MSDN-Website im Thema "ItemsControl"-Typen (möglicherweise in englischer Sprache) unter Typen aufgeführt sind.

Informationen zum Anzeigen einer Reihe von Elementen aus einer Datenquelle finden Sie im Thema Weiterführende Themen: Erstellen eines RSS-Newsreaders.

Weitere Informationen finden Sie unter Verwenden des StackPanel-Layoutpanels.

So erstellen Sie ein ItemsControl-Element

  1. Klicken Sie links in Expression Blend im Werkzeugpanel auf Objekte Cc294882.0d8b8d29-1af9-418f-8741-be3097d76eab(DE-DE,Expression.30).png. Wählen Sie in der Kategorie Steuerelemente in der Liste den Eintrag ListBox Cc294882.ffd7a7c3-6bcd-4ed3-a59e-1f28d06ec4ae(DE-DE,Expression.30).png aus. Das Symbol für das ListBox-Steuerelement wird unterhalb der Schaltfläche Objekte angezeigt und ist ausgewählt. Sie können nun der Zeichenfläche ein ListBox-Steuerelement hinzufügen.

    Cc294882.alert_tip(DE-DE,Expression.30).gifTipp:

    Die am häufigsten verwendeten Benutzeroberflächenelemente (wie das Button-Steuerelement) werden bereits in Dropdownlisten unterhalb der Schaltfläche Objekte angezeigt, sodass Sie diese schnell hinzufügen können.

  2. Sie können der Zeichenfläche eine Schaltfläche hinzufügen, indem Sie auf das Werkzeugpanelsymbol für das ListBox-Steuerelement doppelklicken.

    Ein auf der Zeichenfläche erstelltes ListBox-Objekt mit der Standardgröße und der Standardposition (oben links)

    Cc294882.cd6e2b8c-8640-474d-81b3-5c476113947a(DE-DE,Expression.30).png

    Cc294882.alert_tip(DE-DE,Expression.30).gifTipp:

    Darüber hinaus können Sie der Zeichenfläche ein Steuerelement hinzufügen, indem Sie das Steuerelement im Werkzeugpanel auswählen, auf die Zeichenfläche klicken und die Maus ziehen, um das umgebende BoundingBox-Element für das Steuerelement festzulegen.
    Cc294882.alert_tip(DE-DE,Expression.30).gifTipp:

    Nachdem der Zeichenfläche ein Benutzeroberflächenelement, z. B. ein ListBox-Steuerelement, hinzugefügt wurde, wird es zu einem Objekt in der Anwendung.

  3. Klicken Sie im Panel Objekte und Zeitachsen auf das ListBox-Objekt, um es zum aktivierten Objekt zu machen. Eine gelbe Hervorhebung wird um das Objekt angezeigt. Durch das Aktivieren eines Objekts wird das Hinzufügen eines untergeordneten Objekts ermöglicht.

    Cc294882.alert_tip(DE-DE,Expression.30).gifTipp:

    Darüber hinaus können Sie ein Objekt auf der Zeichenfläche aktivieren, indem Sie im Werkzeugpanel das Auswahlwerkzeug Cc294882.2ff91340-477e-4efa-a0f7-af20851e4daa(DE-DE,Expression.30).png auswählen und auf der Zeichenfläche dann auf das Objekt doppelklicken.

  4. Zeichnen Sie mehrere Formen in das ListBox-Steuerelement, indem Sie Objekte aus dem Werkzeugpanel verwenden, z. B. TextBlock Cc294882.42165963-00f7-4a33-abcd-b0849edebada(DE-DE,Expression.30).png, Button Cc294882.05df1779-a68f-436b-b834-a91b7995a3ec(DE-DE,Expression.30).png oder Rectangle Cc294882.ae750268-92e8-403a-9e07-b662da4e9e1e(DE-DE,Expression.30).png. Beachten Sie, wie diese untergeordneten Objekte vom ListBox-Steuerelement in einem vertikalen Stapel angeordnet werden.

    Einem ListBox-Objekt hinzugefügte untergeordnete Objekte

    Cc294882.926bd9e5-e1d9-47a3-a37a-33cd351984b4(DE-DE,Expression.30).png

    Cc294882.alert_note(DE-DE,Expression.30).gifHinweis:

    Wenn Sie in ItemsControl-Elementen mehr Objekte hinzufügen als hineinpassen, wird beim Ausführen der Anwendung eine Schiebeleiste angezeigt. Dadurch können die zusätzlichen Objekte angezeigt werden.
    Cc294882.alert_tip(DE-DE,Expression.30).gifTipp:

    Sie können die Anordnung von Objekten in der Liste ändern, indem Sie die Objekte im Panel Objekte und Zeitachsen ziehen und ablegen. Sie können auch das Auswahlwerkzeug Cc294882.2ff91340-477e-4efa-a0f7-af20851e4daa(DE-DE,Expression.30).png verwenden, um die Objekte auf die Zeichenfläche zu ziehen.

  5. Sie können im Fenster Auflistungs-Editor die Elemente im ListBox-Steuerelement anzeigen und weitere Elemente hinzufügen. Klicken Sie im Eigenschaftenpanel neben der Items (Collection)-Eigenschaft (Elementauflistung) auf Elemente in dieser Auflistung bearbeiten Cc294882.3f9fe48b-caf8-4989-8a91-017ba1e0cb77(DE-DE,Expression.30).png, um den Auflistungs-Editor zu öffnen.

  6. Erstellen Sie das Projekt (F5), um die geänderte Anwendung anzuzeigen.