交換全球XAML樣式/主題

Question

我的UI由一組樣式定義。

我想給用戶從兩種風格家族中進行選擇。

如何在代碼背後替換全局樣式？

Answer 1

密切關注依賴關係，以便資源不會嘗試引用尚未定義的其他資源。查看Merged Dictionaries上的部分以查看何時加載的內容。此外，您將不得不將所有資源從App.xaml移到通用資源字典中，因爲當您將應用程序資源重置爲新的合併字典時，它們將被清除。

更新只在重新創建元素時才起作用，因此需要導航才能應用更改。

private void LoadStyles(StyleType styleType) 
{ 
    ResourceDictionary merged = new ResourceDictionary(); 
    ResourceDictionary generic = new ResourceDictionary(); 
    ResourceDictionary theme = new ResourceDictionary(); 

    generic.Source = new Uri("ms-appx:/Common/StandardStyles.xaml"); 

    switch (styleType) 
     { 
      default: 
      case StyleType.Custom1: { theme.Source = new Uri("ms-appx:/Common/AppStyles-Custom1.xaml"); break; } 
      case StyleType.Custom2: { theme.Source = new Uri("ms-appx:/Common/AppStyles-Custom2.xaml"); break; } 
      case StyleType.Custom3: { theme.Source = new Uri("ms-appx:/Common/AppStyles-Custom3.xaml"); break; } 
     } 

    merged.MergedDictionaries.Add(generic); 
    merged.MergedDictionaries.Add(theme); 

    App.Current.Resources = merged; 

    //this.ApplyTemplate(); <- doesn't seem to reapply resources to layout tree 
} 

Answer 2

以下文章可以幫助：

• WPF Themes and Skins Engine
• Creating a Skinned User Interface in WPF

一般來說，你需要從可能的另一個組件，新的資源來代替App.Resources.MergedDictionaries在運行時，在列表重新應用模板在MainWindow的級別，一定要有DynamicResource在你的風格assignements。下面的算法可以幫助你：

1. 清潔App.Resources.MergedDictionaries
2. 填寫App.Resources.MergedDictionaries新集ResourceDictionary
3. 再塗窗口模板與mainWindow.ApplyTemplate();

希望這有助於。