Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP
:: SELFPHP Forum ::
Fragen rund um die Themen PHP?
In über
130.000 Beiträgen finden Sie sicher die passende
Antwort!
:: Newsletter ::
Abonnieren Sie hier den kostenlosen
SELFPHP Newsletter!
Grundlagen von Expression Blend
Ändern eines in einer Ressource abgelegten Wertes
Mit Ressourcen verknüpfte Werte sind über das Ressourcenpanel
zentral änderbar. Eine Änderung wirkt sich sofort auf alle mit der
Ressource verknüpften Ressourcen aus.
Um den Hintergrund des Rechtecks und des Buttons simultan zuändern, gehen Sie wie folgt vor:
Klicken Sie im Ressourcenpanel auf den nach unten weisenden
dunkel Pfeil rechts neben der Beschriftung des Brushes.
Je nach Ressourcentyp öffnet sich eine entsprechende Eingabemöglichkeit.
Da es sich in unserem Fall um einen Brush, also
einen Farbwert, handelt, wird ein Fenster zur Eingabe der Farbwerte
geöffnet (siehe Abbildung 3.28).
Passen Sie die Farben beliebig an, und Sie sehen, dass alle mit
der Ressource verknüpften Eigenschaften sofort bereits bei
Justierung des Wertes visualisiert werden.
Abbildung 3.28: Bearbeitung einer abgelegten Ressource im Falle eines Brushes
Zentralisieren von Eigenschaftswerten
in Formatvorlagen
In den vorangegangenen Abschnitten wurde gezeigt, wie Sie einzelne
Werte zentral ablegen, ändern und anwenden können. Ein
vollständiges Design eines Elements, zum Beispiel eines Buttons,
würde erfordern, dass Sie viele Werte einzeln ablegen müssten. Dies
wäre ein großer Aufwand. Abhilfe schaffen Formatvorlagen. Eine
Formatvorlage besteht aus einern ganzen Satz an Eigenschaftswerten
und wird ebenfalls als wiederverwendbare Ressource abgelegt. Da
die Eigenschaften je nach Elementtyp unterschiedlich sein können,
werden Formatvorlagen für einen speziellen Elementtyp angelegt.
Sie können also keine Formatvorlage, die für einen Button erstellt
wurde, für eine Listbox verwenden.
Erstellen einer Formatvorlage
Im folgenden Abschnitt erstellen wir eine Formatvorlage für einen
Button. Sie beinhaltet eine Definition für die Hintergrund-und
die Textfarbe des Buttons. Anschließend wenden wir sie auf einen
zweiten Button an.
Um eine Formatvorlage für einen Button zu erstellen, gehen Sie wie
folgt vor:
Erstellen Sie ein neues WPF-Projekt.
Fügen Sie dem LayoutRoot einen Button hinzu.
Wählen Sie bei selektiertem Button den Menübefehl Objekt/
Formatvorlage bearbeiten/Kopie bearbeiten. Es öffnet sich ein
kleines Fenster, in welchem Sie der neuen Formatvorlage einen
Namen geben können, über den Sie die Formatvorlage immer
wieder ansprechen können, oder Sie wählen die Option Aufalle
Objekte anwenden aus, wenn die Formatvorlage automatisch auf
alle Elemente des Typs Button angewendet werden soll. Darunter
können Sie in diesem Fenster definieren, wo die Formatvorlage
abgelegt werden soll.
Vergeben Sie einen beliebigen Namen, zum Beispiel ButtonStylel,
legen Sie als Speicherort Dieses Dokument fest und schließen
Sie das kleine Fenster durch Klicken auf OK.
Auf der Zeichenfläche hat sich die Darstellung offenbar nicht
geändert, Änderungen im Interaktionspanel deuten aber darauf
hin, dass sich etwas getan hat: Im Bereich Ausläser sind fast ein
Dutzend Einträge hinzugekommen, der Bereich Objekte und
Zeitachsen zeigt kein Element, nur noch spitze Klammern gefolgt
von der Bezeichnung Style. Zu entnehmen ist diese Ansicht
auch Abbildung 3.29. Geschehen ist ein Kopiervorgang sämtlicher
Eigenschaften des Standardbuttons in eine Formatvorlage.
Im Interaktionspanel werden die kopierten Eigenschaftswerte
visualisiert. Objekte und Zeitachsen zeigen keine Elemente mehr,
da wir uns in der aktuellen Ansicht quasi in der Formatvorlage
befinden und hier nur Eigenschaftswerte bearbeitet werden
können. Wenn Sie nun Eigenschaftswerte ändern, werden sie in
der Formatvorlage hinterlegt.
Abbildung 3.29: Ansicht der Oberfläche von Expression Blend nach Erstellung einer Formatvorlage
Selektieren Sie den Button, entkoppeln Sie seine Eigenschaft
Background von der Ressource durch Klicken auf den kleinen
grünen Punkt neben der Eigenschaft im Eigenschaftenpanel und
wählen Sie in dem kleinen sich öffnenden Fenster Zurücksetzen;
wählen Sie anschließend eine eigene Farbe. In Abbildung 3.30
wurde der Farbverlauf der beiden vorangehenden Abschnitte
dieses Kapitels eingesetzt.
Aktualisieren Sie auf gleiche Weise die Schriftfarbe des Buttons
für besseren Kontrast über die Eigenschaft Foreground von
Schwarz auf Weiß.
Abbildung 3.30: Hintergrundverlauf in einer Formatvorlage eines Buttons
Verlassen Sie die Formatvorlagenbearbeitung durch Klicken auf
den nach oben zeigenden Pfeil im Bereich Objekte und Zeitachsen.
Fügen Sie in der Ursprungsansicht des Dokuments dem LayoutRoot
einen neuen Button hinzu.
Öffnen Sie das Ressourcenpanel.
Ziehen Sie per Drag & Drop die eben erstellte Formatvorlage auf
den Button. Im Gegensatz zu den einzeln als Ressource abgelegten
Eigenschaftswerten ist im Ressourcenpanel eine Formatvorlage
nicht mit einer Vorschau, sondern als Symbol des Elementtyps,
in unserem Fall ein Button, repräsentiert.
Nachdem Sie in dem kleinen sich öffnenden Fenster Style angewählt
haben (siehe Abbildung 3.31), sollten beide Buttons ein
identisches, zentral abgelegtes Erscheinungsbild vorweisen.