Weiterführende Themen: Ändern des Aussehens von ausgewählten Elementen in einer SimpleListBox-Steuerelementvorlage

Sie können auf einfache Weise die Darstellung eines ausgewählten Elements in Microsoft Expression Blend mit der SimpleListBoxItem -Steuerelementvorlage anpassen.

So ändern Sie das Aussehen des ausgewählten Elements in einer SimpleListBox-Steuerelementvorlage

1. Ziehen Sie eine SimpleListBox -Steuerelementvorlage auf der Zeichenfläche in Expression Blend.

   Tipp:
   Die einfachen Stilsteuerelemente stehen im Objektepanel in der Kategorie Stile unter Einfache Stile zur Verfügung. Nachdem Sie ein Steuerelement für einen einfachen Stil in der Liste ausgewählt haben, können Sie es auf der Zeichenfläche zeichnen.

2. Fügen Sie dem Listenfeld ein Element hinzu, indem Sie im Panel Objekte und Zeitachsen mit der rechten Maustaste auf das Listenfeld klicken und dann auf SimpleListBoxItem hinzufügen klicken.

3. Rechtsklicken Sie im Panel Objekte und Zeitachsen auf eines der Listenfeldelemente, zeigen Sie auf Vorlage bearbeiten und klicken Sie dann auf Aktuelle Vorlage bearbeiten. Wenn Sie das Ressourcenverzeichnis SimpleStyles.xaml nicht ändern möchten, klicken Sie auf Kopie bearbeiten anstatt auf Aktuellen bearbeiten. Es wird eine neue Vorlage erstellt, die Sie im Dokument speichern können.

   Weitere Informationen zum Erstellen von Kopien finden Sie unter Erstellen einer Ressource.

   Tipp:

   Klicken Sie im Panel Objekte und Zeitachsen oberhalb der Objektstruktur auf die Schaltfläche Bereich auf "<Bereichsname>" zurücksetzen, um den Vorlagenbearbeitungsmodus zu verlassen und in den Dokumentbereich zurückzukehren. Klicken Sie im Panel Objekte und Zeitachsen mit der rechten Maustaste auf das Objekt, dessen Vorlage Sie bearbeiten möchten, zeigen Sie auf Vorlage bearbeiten, und klicken Sie dann auf Aktuellen bearbeiten, um zum Vorlagenbearbeitungsmodus für eine vorhandene Vorlage zurückzukehren.

4. Klicken Sie im Zuständepanel auf IsSelected = True . Standardmäßig wird die Farbe des Rahmenhintergrunds geändert, wenn ein Element ausgewählt wird. Dies können Sie im Auslöserpanel unter Eigenschaften wenn aktiv anzeigen. Sie können die Farbe des Hintergrunds ändern. Klicken Sie dazu auf Border im Panel Objekte und Zeitachsen, und ändern Sie die Background -Eigenschaft unter Pinsel im Eigenschaftenpanel.

   Tipp:

   Wenn Sie im Auslöserpanel einen Eigenschaftenauslöser ausgewählt haben, wird von allen Bearbeitungen, die Sie an beliebigen Stellen in Expression Blend durchführen, ein Wert festgelegt, der bei dieser Auslöserbedingung geändert wird. Stellen Sie sicher, dass der richtige Auslöser ausgewählt wurde, bevor Sie Ihre Änderungen vornehmen. Wenn Sie Änderungen vornehmen möchten, die sich auf den Standardzustand der Steuerelementvorlage auswirken, klicken Sie im Auslöserpanel auf Standard.

5. Sie können folgendermaßen vorgehen, um dem Listenfeld zusätzliche Elemente hinzuzufügen, die die gerade geänderte Vorlage verwenden: Klicken Sie auf Bereich auf "<Bereichsname>" zurücksetzen, um zum Bearbeitungsbereich für Ihr Dokument zurückzukehren. Doppelklicken Sie dann auf das Listenfeldelement, um das Element zu aktivieren, und fügen Sie den benutzerdefinierten Stil aus der Kategorie Stil des Objektepanels hinzu.

6. Testen Sie die Anwendung (F5), um die Effekte zu sehen.

So ändern Sie das Aussehen des ausgewählten Elements mit der ItemContainerStyle-Vorlage

1. Ziehen Sie eine SimpleListBox -Steuerelementvorlage auf der Zeichenfläche in Expression Blend.

   Tipp:
   Die einfachen Stilsteuerelemente stehen im Objektepanel in der Kategorie Stile unter Einfache Stile zur Verfügung. Nachdem Sie ein Steuerelement für einen einfachen Stil in der Liste ausgewählt haben, können Sie es auf der Zeichenfläche zeichnen.

2. Fügen Sie dem Listenfeld einige Elemente hinzu, indem Sie im Panel Objekte und Zeitachsen auf das Listenfeld doppelklicken, um das Feld auszuwählen. Zeichnen Sie dann ein Rectangle oder ein anderes Steuerelement in das Listenfeld auf der Zeichenfläche. Alternativ können Sie mit der rechten Maustaste auf das Listenfeldobjekt und dann auf Add SimpleListBoxItem klicken.

   Tipp:
   Wenn Sie die Datenbindung zum automatischen Generieren von Elementen für das Listenfeld verwenden möchten, können Sie die Verfahren unter Weiterführende Themen: Erstellen eines RSS-Newsreaders verwenden.

3. Klicken Sie im Panel Objekte und Zeitachsen auf das ListBox -Objekt. Zeigen Sie im Menü Objekt auf Zusätzliche Formatvorlagen bearbeiten, zeigen Sie auf ItemContainerStyle bearbeiten und klicken Sie dann auf Kopie bearbeiten.

   Das Dialogfeld Ressource "Style" erstellen wird geöffnet. Übernehmen Sie für dieses Verfahren die Standardwerte, und klicken Sie auf OK.

   Mit Expression Blend wird der Bearbeitungsmodus des Stils eines ListBoxItem geöffnet.

   Weitere Informationen zu den Optionen im Dialogfeld Ressource "Style" erstellen finden Sie unter Erstellen einer Ressource.

4. Vorlagen sind in Stilobjekte eingeschlossen. Zum Bearbeiten der Vorlage eines ListBoxItem klicken Sie im Panel Objekte und Zeitachsen mit der rechten Maustaste auf das Stil-Objekt, zeigen auf Vorlage bearbeiten und klicken dann auf Aktuelle bearbeiten.

   Hinweis:
   Klicken Sie hier auf Aktuelle bearbeiten statt auf Kopie bearbeiten, da Steuerelementvorlagen in Stilobjekte eingeschlossen sind und Sie in Schritt 3 auf Kopie bearbeiten geklickt haben, um eine Kopie des Stils zu erstellen.

   Expression Blend ruft den Bearbeitungsbereich der ListBoxItemStyleTemplate auf. Dabei handelt es sich um die Vorlage, die vom Listenfeld für jedes Element verwendet wird. Innerhalb dieser Vorlage befinden sich ein Border -Element mit dem Namen Bd , ein ContentPresenter -Element und zwei Auslöser für den IsSelected -Zustand.

5. Klicken Sie im Auslöserpanel auf einen der IsSelected -Auslöser, um den Aufzeichnungsmodus für diesen Auslöser aufzurufen, und ändern Sie dann die Eigenschaften des Bd -Objekts.

6. Testen Sie die Anwendung (F5), um die Effekte zu sehen.

Siehe auch

Konzepte

SimpleListBox-Steuerelementvorlage und SimpleListBoxItem-Steuerelementvorlage

Copyright © 2011 Microsoft Corporation. Alle Rechte vorbehalten.