Seiten

Freitag, 3. Dezember 2010

WP7: Glossy TextBlock Custom Control

Ich habe ein GlossyTextBlock Custom Control für Windows Phone einschließlich Quellcode in der Expression Gallery zum Download bereitgestellt. Dieses Steuerelement ermöglicht die Darstellung von Text mit einem Schatten. So kann beispielsweise Text mit einem visuellen Glanzeffekt dargestellt werden.

Nachfolgend seht Ihr einen Screenshot von einer Beispielanwendung, der beispielhaft zeigt, was mit dem Steuerelement u.a. visuell erreicht werden kann:



Das obige Beispiel zeigt nur einige von vielen visuellen Möglichkeiten. Das Steuerelement ermöglicht eine Vielzahl von weiteren visuellen Gestaltungsmöglichkeiten. Ermöglicht wird dies dadurch, dass die maßgeblichen Eigenschaften des Steuerelements in der Vorlage entsprechend gebunden sind. Im Einzelnen:

Über die Foreground-Eigenschaft wird die Vordergrundfarbe des Textes gesetzt. Über die Background-Eigenschaft wird die Schattenfarbe des Steuerelements festgelegt. Die Eigenschaften "FontFamily", "FontSize", "FontWeight" und "FontStyle" sind ebenfalls gebunden.

Der Text des Steuerelements kann über die Eigenschaft "Text" festgelegt werden. In Expression Blend findet man die "Text"-Eigenschaft in der Registerkarte "SilverLaw GlossyTextBlock":



Die Eigenschaft "Text" ist als Abhängigkeitseigenschaft implementiert. Das ermöglicht eine Datenbindung dieser Eigenschaft, z.B. an ein TextBox-Steurelement als Quelle:




Das GlossyTextBlock Custom Control bietet Entwurfszeit-Unterstützung in Expression Blend 4 und Visual Studio 2010.

Viel Spass damit!

Download: Quellcode-Projekt (VB) und ein Beispiel-Projekt (C#).

Keine Kommentare:

Kommentar veröffentlichen