Formatierungstipps für das "ComboBox"-Steuerelement

  • Artikel

Ee341409.0b2c798e-86c6-4ea2-a8a6-5cf1f12be1e2(DE-DE,Expression.30).png

Das ComboBox-Steuerelement ist ein Objekt, das aus einem nicht bearbeitbarem Textfeld und einem Popup-Steuerelement besteht. Das Popup-Steuerelement enthält ein ListBox-Steuerelement, in dem Benutzer ein Element aus einer Liste auswählen können.

Wie alle Steuerelemente kann das ComboBox-Steuerelement (also auch Popup-, ListBox- und alle anderen im ComboBox-Element enthaltenen Objekte) geändert werden, um dem Element ein Aussehen zu verleihen, das vom Design des Standardelements abweicht. Das Standarddesign des ComboBox-Elements sieht folgendermaßen aus:

Ee341409.f2dbcfc2-1ccd-49d5-9de9-6be35c73ad67(DE-DE,Expression.30).png

Wichtige "ComboBox"-Steuerelementeigenschaften

Sie können das im ComboBox-Steuerelement ausgewählte Element festlegen, indem Sie die SelectedIndex-Eigenschaft unter Allgemeine Eigenschaften im Eigenschaftenpanel festlegen. Der Wert -1 zeigt das ComboBox-Objekt an, ohne dass eine Auswahl getroffen wurde. Der Wert 0 zeigt das ComboBox-Objekt mit dem ersten ausgewählten Element an.

Um dem ComboBox-Steuerelement Elemente hinzuzufügen, können Sie manuell ComboBoxItem-Objekte hinzufügen, oder Sie können eine Datenauflistung mit dem ComboBox-Objekt verknüpfen, um die Elemente automatisch anzeigen zu lassen.

Weitere Informationen finden Sie unter Binden eines Objekts an Daten und Erstellen von Beispieldaten.

Teile der ComboBox-Vorlage

Das ComboBox-Steuerelement verwendet eine Vorlage, in dem die Darstellung des Dropdownfelds, des Dropdownpfeils und des Popupfensters definiert ist: die ComboBox-Vorlage. Jeder Teil der Vorlage übernimmt eine bestimmte Rolle hinsichtlich der Darstellung und des Verhaltens des ComboBox-Objekts, auf das die Vorlage angewendet wird.

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

Um die Elemente eines ComboBox-Steuerelements gestalten zu können, müssen weitere Vorlagen geändert werden. Wenn z. B ein ComboBox-Steuerelement datengebunden ist, handelt es sich bei der Vorlage, die das Steuerelement zur Gestaltung der Elemente verwendet, um eine generierte Elementvorlage (Datenvorlage). Wenn das ComboBox-Steuerelement nicht datengebunden ist, steht keine Vorlage zur Verfügung, die das Steuerelement auf die Elemente anwenden kann, die im Steuerelement enthalten sind. Stattdessen ändern Sie die Vorlage der einzelnen Elemente wie etwa die ComboBoxItem-Vorlage.

Es können andere Objekte in der Vorlage enthalten sein, um die Darstellung des ComboBox-Steuerelements optisch aufzubessern. Allerdings ist das Verhalten der Teile, die in der folgenden Tabelle aufgeführt werden, an einen Vertrag gebunden.

Wenn Sie die Teile der Vorlage anzeigen möchten, öffnen Sie das Teilepanel während der Bearbeitung der Vorlage. Im Panel Objekte und Zeitachsen wird neben jedem Objekt, das die Rolle eines Teils im Teilepanel übernimmt, ein Symbol Ee341409.6cf58c39-edba-4a0e-acbc-1da272f9a387(DE-DE,Expression.30).png angezeigt.

Ee341409.5fdb8c23-16c9-48df-a89b-12652543402e(DE-DE,Expression.30).pngEe341409.69fada84-8d77-4b89-a14c-18fcbd2da5a9(DE-DE,Expression.30).png

Teilename

Objekttyp

Beschreibung

Ee341409.25182a96-9a69-478a-9cfe-5b360e6a9bea(DE-DE,Expression.30).png ContentPresenter

ContentPresenter

Objekt, das das aktuell ausgewählte Element anzeigt, wenn das ComboBox-Steuerelement nicht erweitert ist.

Dieses Teil ist obligatorisch.

Ee341409.05fe4b1d-f584-4bd2-99b6-8bc2d735a89d(DE-DE,Expression.30).png ContentPresenterBorder

FrameworkElement

Layoutpanel, das den oberen Teil des ComboBox-Steuerelements enthält.

Dieses Teil ist obligatorisch.

Ee341409.f0c1ff71-7814-42ba-806b-7ea92d616e69(DE-DE,Expression.30).png DropDownToggle

ToggleButton

Schaltfläche, die ein ComboBox-Steuerelement erweitert, wenn auf die Schaltfläche geklickt wird. Die Schaltfläche enthält standardmäßig ein Pfadobjekt, das einen Pfeil darstellt. Sie können aber auch ein Bild verwenden.

Ee341409.eb6fad93-f17e-4f62-a926-8c8651862891(DE-DE,Expression.30).png Popup

Popup

Popup-Objekt, das den Inhalt eines ComboBox-Steuerelements anzeigt.

Dieses Teil ist obligatorisch.

Status des "ComboBox"-Steuerelements

Standardmäßig kann das ComboBox-Steuerelement in der CommonStates-Statusgruppe einen der drei folgenden Zustände annehmen. Die Statusgruppe können Sie im Zuständepanel anzeigen, während Sie eine ComboBox-Vorlage ändern:

Zustandsname

Beschreibung

Normal

Die Darstellung des ComboBox-Steuerelements, wenn keine Interaktion mit dem Steuerelement stattfindet.

MouseOver

Darstellung des ComboBox-Steuerelements, wenn der Mauszeiger über einem Steuerelement bewegt wird

Disabled (Deaktiviert)

Die Darstellung des ComboBox-Steuerelements, wenn die IsEnabled-Eigenschaft auf False gesetzt ist.

Das ComboBox-Steuerelement kann sich in einem von zwei Status der FocusStates-Statusgruppe befinden:

Zustandsname

Beschreibung

Unfocused (Ohne Fokus)

Darstellung des ComboBox-Steuerelements, wenn sich der Fokus nicht auf der Tastatur befindet

Focused (Mit Fokus)

Darstellung des ComboBox-Steuerelements, wenn es über einen Tastaturfokus verfügt und nicht erweitert ist. So kann z. B. ein Benutzer TAB drücken, um die Objekte seiner Anwendung zu durchlaufen, bis sich der Tastaturfokus auf dem ComboBox-Steuerelement befindet.

FocusedDropDown (Mit Fokus, erweitert)

Darstellung des ComboBox-Steuerelements, wenn es über einen Tastaturfokus verfügt und erweitert ist.

Das ComboBox-Steuerelement kann einen der drei folgenden Status der ValidationStates-Statusgruppe annehmen:

Zustandsname

Beschreibung

Valid (Gültig)

Darstellung des ComboBox-Steuerelements, wenn das Steuerelement gültig ist.

InvalidUnfocused (Ungültig, ohne Fokus)

Darstellung des ComboBox-Steuerelements, wenn das Steuerelement ungültig ist und über keinen Tastaturfokus verfügt.

InvalidFocused (Ungültig, mit Fokus)

Darstellung des ComboBox-Steuerelements, wenn das Steuerelement ungültig ist und über einen Tastaturfokus verfügt.
Ee341409.alert_tip(DE-DE,Expression.30).gifTipp:

Eine Statusgruppe enthält die visuellen Status, die Teil derselben logischen Kategorie sind und die nicht gleichzeitig angezeigt werden können. Beispiel: Die Gruppe CommonStates beinhaltet Zustände, die sich auf die Benutzerinteraktion mit einem Eingabegerät wie der Maus beziehen. In einer Statusgruppe kann immer nur ein Status angezeigt werden. Ein Status aus einer Gruppe kann jedoch gleichzeitig als Status in einer anderen Gruppe angezeigt werden.

Wenn Sie einen Status auswählen, wird die Statusaufzeichnung aktiviert und die vorgenommenen Änderungen für diesen Status werden aufgezeichnet. Um die Statusaufzeichnung zu deaktivieren, klicken Sie auf die Aufzeichnungsschaltfläche Ee341409.0dcc6415-6d4e-4fcf-a9a3-eb4664cb6cbc(DE-DE,Expression.30).png auf der Zeichenfläche, oder wählen Sie Basis im Zuständepanel aus. Um die Darstellung des Steuerelements zu ändern, wenn zwei separate Status aktiv sind, können Sie in einer Statusgruppe eine Vorschau eines Status einpassen, während Sie in einer anderen Statusgruppe einen Status ändern.

Konvertieren von Objekten in "ComboBox"-Steuerelemente

Führen Sie einen der folgenden Schritte aus, um die Vorlage eines ComboBox-Steuerelements zu ändern:

  • Zeichnen Sie eine ComboBox Ee341409.b174a511-dd12-4a45-a986-034de7693de9(DE-DE,Expression.30).png auf die Zeichenfläche, und erstellen Sie eine Kopie der Standardvorlage.

    Weitere Informationen finden Sie unter Erstellen oder Bearbeiten einer Vorlage.

  • Entwerfen Sie ein ComboBox-Steuerelement, indem Sie Objekte zeichnen oder Bilder importieren, und verwenden Sie dann den Befehl Steuerelement erstellen.

Wenn Sie den Befehl Steuerelement erstellen verwenden, führen Sie folgende Schritte aus, um sicherzustellen, dass Sie alle Objekte erstellt haben, die für eine ComboBox-Vorlage erforderlich sind:

  1. Gruppieren Sie alle Objekte, die die Darstellung des ComboBox-Steuerelements definieren sollen, in ein Grid-Steuerelement.

  2. Wählen Sie das neue Grid-Steuerelement aus, und klicken Sie dann im Menü Werkzeug auf Steuerelement erstellen.

  3. Wählen Sie ComboBox im angezeigten Dialogfeld aus, geben Sie der Vorlage einen Namen, und wählen Sie den Speicherort aus, an dem die Vorlage gespeichert werden soll.

    Weitere Informationen zu Speicherorten finden Sie unter Erstellen einer Ressource.

  4. Nachdem Sie auf OK geklickt haben, öffnet Microsoft Expression Blend den Vorlagenbearbeitungsmodus und zeigt die Objekte an, aus denen sich das ComboBox-Steuerelement zusammensetzt. Sie können die Vorlage in diesem Modus weiter ändern. Ändern Sie z. B. Objekte, oder fügen Sie Objekte hinzu, oder wählen Sie einen Status im Zuständepanel aus, um die Darstellung der Vorlage in diesem Status zu ändern.

  5. Wenn in der Gruppe der ursprünglichen Objekte ein TextBlock-Objekt enthalten gewesen ist Ee341409.42165963-00f7-4a33-abcd-b0849edebada(DE-DE,Expression.30).png, wird das TextBlock-Objekt in der ComboBox-Steuerelementvorlage in ein ContentPresenter-Objekt konvertiert Ee341409.51a0c06c-d801-4133-8caf-cf1856a8dfc4(DE-DE,Expression.30).png. Dies ermöglicht dem ComboBox-Objekt, Text anzuzeigen. Wenn die usprünglichen Objekte kein TextBlock-Objekt enthalten, wird der Vorlage automatisch ein ContentPresenter-Objekt hinzugefügt.

    Wenn dem ContentPresenter-Objekt in der Vorlage nocht nicht der richtige Teil zugewiesen worden ist, klicken Sie mit der rechten Maustaste auf das ContentPresenter-Objekt, zeigen Sie auf Teil der ComboBox erstellen, und klicken Sie auf ContentPresenter.

    Optional können Sie andere Objekte im ContentPresenter-Objekt hinzufügen oder verschieben, wenn Sie diese Objekte im ComboBox-Steuerelement anzeigen möchten, auch dann, wenn gerade kein Element ausgewählt ist.

  6. Wenn Sie Objekte oder Vorlagen als Dropdownpfeil des ComboBox-Steuerelements verwenden möchten, führen Sie folgende Schritte aus:

    1. Gruppieren Sie die Objekte oder Vorlagen in ein Layoutpanel.

    2. Klicken Sie mit der rechten Maustaste auf das Layoutpanel.

    3. Zeigen Sie auf Teil der ComboBox erstellen.

    4. Klicken Sie auf DropDownToggle.

      Dies ersetzt die Objekte durch ein ToggleButton-Objekt. Die Objekte werden verwendet, um den Stil und die Vorlage zu erstellen, die auf das ToggleButton-Objekt angewendet werden.

    5. Geben Sie im Dialogfeld Teil erstellen einen Namen für den ToggleButton-Stil ein, der erstellt werden soll.

    6. Wählen Sie einen Speicherort aus, an dem der Stil gespeichert werden soll, und klicken Sie auf OK.

      Im Vorlagenbearbeitungsmodus für ein neues ToggleButton-Objekt können Sie weitere Änderungen vornehmen. So können Sie z. B. das ContentPresenter-Objekt löschen (wenn Sie keinen Text im ToggleButton-Objekt anzeigen möchten), oder wählen Sie einen Status im Zuständepanel aus, um die Darstellung des ToggleButton-Objekts in diesem Status anzuzeigen.

    7. Um in den Vorlagenbearbeitungsmodus für das ComboBox-Steuerelement zurückzukehren, klicken Sie im Panel Objekte und Zeitachsen auf Zurück zum Anfang Ee341409.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(DE-DE,Expression.30).png, oder klicken Sie in der Breadcrumb-Leiste am oberen Rand der Zeichenfläche auf DropDownToggle.

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

    Der DropDownToggle-Teil ist optional, da auch der mit einer größeren Klickfläche ausgestattete ContentPresenterBorder angeklickt werden kann, um die Liste der Elemente der ComboBox-Steuerelemente zu öffnen.

  7. Der Popup-Teil zeigt die Elemente des ComboBox-Steuerelements an. Ein ItemsPresenter-Objekt wird in der Regel verwendet, um eine Liste von Elementen anzuzeigen. Das ItemsPresenter-Objekt wird normalerweise in einem ScrollViewer-Steuerelement angezeigt, um Bildlauffunktionalität bereitzustellen. Um ein Popup-Teil zu erstellen, führen Sie folgende Schritte aus:

    1. Wählen Sie im Panel Objekte und Zeitachsen das Stammlayoutpanel aus.

    2. Doppelkklicken Sie im Teilepanel auf das Popup-Teil, um ein Popup-Objekt im Stammverzeichnis der Vorlage zu erstellen.

    3. Zeichnen Sie im neuen Popup-Objekt ein neues ItemsPresenter-Steuerelement.

    4. Verwenden Sie das Auswahlwerkzeug Ee341409.2ff91340-477e-4efa-a0f7-af20851e4daa(DE-DE,Expression.30).png, um Größe und Lage des Popups zu ändern.

  8. Wählen Sie für die Erstellung des ContentPresenterBorder-Teils nur Ihren ContentPresenter und den optionalenToggleButton aus, zeigen Sie auf Gruppieren in im Menü Objekt, und wählen Sie ein Layoutpanel aus. Klicken Sie mit der rechten Maustaste auf das neue Layoutpanelobjekt, zeigen Sie auf Teil der ComboBox erstellen, und klicken Sie auf ContentPresenterBorder.

  9. Sie können ggf. einige Pinseleigenschaften von Objekten in der Vorlage mit folgenden Eigenschaften des ComboBox-Objekts verbinden, die die Vorlage unter Umständen verwendet:

    • Background

    • BorderBrush

    • Foreground

    • BorderThickness

    Weitere Informationen finden Sie unter Übernehmen von Objekteigenschaften für die Vorlage.

  10. Um den Vorlagenbearbeitungsmodus zu verlassen, klicken Sie in der Breadcrumb-Leiste am oberen Rand der Zeichenfläche auf [ComboBox], oder klicken Sie im Panel Objekte und Zeitachsen auf Zurück zum Anfang Ee341409.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(DE-DE,Expression.30).png.

    Weitere Informationen zur Anwendung einer neuen ComboBox-Vorlage auf andere ComboBox-Objekte finden Sie unter Anwenden oder Entfernen einer Ressource.

Verweise

Detaillierte Informationen zu den Eigenschaften und Ereignissen des Microsoft Silverlight-ComboBox-Steuerelements finden Sie in der Silverlight Control Gallery (möglicherweise in englischer Sprache) in MSDN.

Siehe auch

Konzepte

Gestaltungstipps für häufig verwendete Silverlight-Steuerelemente

SimpleComboBox-Steuerelementvorlage und SimpleComboBoxItem-Steuerelementvorlage

Formatieren eines Steuerelements, das Vorlagen unterstützt