Zeichnen eines "ItemsControl"-Elements

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 Stack -Panel 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 Cc294882.xtlink_newWindow(de-de,Expression.40).png (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.40).png. Wählen Sie in der Steuerelementkategorie das ListBox -Objekt Cc294882.ffd7a7c3-6bcd-4ed3-a59e-1f28d06ec4ae(de-de,Expression.40).png aus. Das Symbol für das ListBox -Steuerelement wird unter der Schaltfläche Objekte angezeigt und ist ausgewählt. Sie können nun der Zeichenfläche ein ListBox -Steuerelement hinzufügen.

    tip noteTipp:

    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 im Werkzeugpanel auf das ListBox -Symbol 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.40).png

    tip noteTipp:

    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.
    tip noteTipp:

    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. Durch das Aktivieren eines Objekts wird das Hinzufügen eines untergeordneten Objekts ermöglicht.

    tip noteTipp:

    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.40).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.40).png, Schaltfläche Cc294882.05df1779-a68f-436b-b834-a91b7995a3ec(de-de,Expression.40).png oder Rechteck Cc294882.ae750268-92e8-403a-9e07-b662da4e9e1e(de-de,Expression.40).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.40).png

    NoteHinweis:

    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.
    tip noteTipp:

    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.40).png verwenden, um die Objekte auf die Zeichenfläche zu ziehen.

  5. Sie können die Elemente im ListBox -Steuerelement anzeigen und weitere Elemente im Auflistungs-Editor 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.40).png, um den Auflistungs-Editor zu öffnen.

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

Copyright © 2011 Microsoft Corporation. Alle Rechte vorbehalten.

  • Last updated on