WPF, Silverlight, Windows Phone 8 und Windows Store Apps

Windows Store Apps: Dynamisches Application Theme
Kommentare

In der Kolumne „XAML Expertise“ präsentiert Gregor Biswanger Top-How-tos zum Thema XAML. Einsteiger und Fortgeschrittene XAML-Experten sollen hier durch geballtes Wissen gesättigt werden. Heute gibt es folgende Expertise: „Windows Store Apps: Dynamisches Application Theme“. Viel Spaß mit XAML Expertise.

Windows-Store-Apps verwenden in ihren Templates zwei Standardstyles als Application Themes. Per Standard wird ein schwarzes Theme vorgegeben, passend dazu steht aber auch ein weißes Theme zur Verfügung (Abb. 1). Um zu einem der beiden Themes zu wechseln, wird im Konstruktor der App.xaml.cs-Datei das gewünschte Theme definiert (Listing 1). Eine weitere Möglichkeit bietet die App.xaml-Datei direkt in XAML an. Hier wird ebenfalls mit der RequestedTheme-Property eines der beiden Themes fest deklariert (Listing 2).

Abb. 1: Themes für Windows-Store-Apps

Listing 1: Einer Windows-Store-App ein weißes Theme zuweisen

public partial class App : Application
{
  public App()
  {
    App.Current.RequestedTheme = ApplicationTheme.Light;
    this.InitializeComponent();
    this.Suspending += OnSuspending;
  }
  ...
}

Listing 2: Einer Windows-Store-App ein weißes Theme via XAML zuweisen

http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:local="using:App1"
  RequestedTheme="Light">
...

 Abb. 2: Themes im Designmodus testen

Im Device-Fenster des XAML-Designers kann man testen, wie diese Themes auf die eigene App wirken. Dazu wird im Menü unter „Design“ der Punkt „Device Window“ angeklickt und unter „Themes“ dementsprechend das gewünschte Design ausgewählt (Abb. 2). Ab Windows 8.1 können die Themes auch zur Laufzeit geändert werden und sogar nur für einzelne Steuerelemente. So verfügt ab jetzt jedes UIElement über die RequestedTheme-Property. Das kann ebenfalls fest in XAML oder dynamisch per Programmcode geändert werden.

Unsere Redaktion empfiehlt:

Relevante Beiträge

Meinungen zu diesem Beitrag

X
- Gib Deinen Standort ein -
- or -