silverlight中动态切换主题样式

所先需要引用System.Windows.Controls.Theming命名空间

然后，微软的提供了一些主题，可供使用，根据自己的需要来引用这些类

 

Microsoft.Windows.Controls.Theming.BubbleCream

Microsoft.Windows.Controls.Theming.BureauBlack

 

Microsoft.Windows.Controls.Theming.BureauBlue 

Microsoft.Windows.Controls.Theming.ExpressionDark 

Microsoft.Windows.Controls.Theming.ExpressionLight 

Microsoft.Windows.Controls.Theming.RainierOrange 

Microsoft.Windows.Controls.Theming.RainierPurple 

Microsoft.Windows.Controls.Theming.ShinyBlue 

Microsoft.Windows.Controls.Theming.ShinyRed 

Microsoft.Windows.Controls.Theming.TwilightBlue 

Microsoft.Windows.Controls.Theming.WhistlerBlue

 

 

然后分几部

1.添加一个名为Controls.xaml的UserControl，代码清单如下

<UserControl x:Class=”DynamicStylingExample.Controls” xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation” xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml” xmlns:d=”http://schemas.microsoft.com/expression/blend/2008” xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006 xmlns:data=”clr- namespace:Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Controls;assembly=Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Controls.Data” xmlns:controls=”clr- namespace:Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Controls;assembly=Sy<a href="/tag/stem/" target="_blank" class="keywords">stem</a>.Windows.Controls”> <StackPanel x:Name=”ControlsRoot”> <StackPanel Orientation=”Horizontal” Margin=”0,10”> <Button Content=”Button Control” /> <Text<a href="/tag/Box/" target="_blank" class="keywords">Box</a> Margin=”10,0” Width=”200” Text=”Styled Text<a href="/tag/Box/" target="_blank" class="keywords">Box</a>” /> </StackPanel> <StackPanel Orientation=”Horizontal” Margin=”0,10”> <Slider Margin=”10,0” Maximum=”100” Minimum=”0” Value=”0” /> </StackPanel> <data:DataGrid x:Name=”CustomFoodsGrid” Margin=”0,10” /> <controls:Calendar Margin=”0,10” /> </StackPanel> </UserControl> 

 

2.在MainPage.xaml文件中添加一个ComboBox，通过ComboBox来选择主题

<UserControl x:Class=”DynamicStylingExample.MainPage” xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation” xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml” xmlns:dynamic=”clr-namespace:DynamicStylingExample”> <Grid x:Name=”LayoutRoot”> <StackPanel x:Name=”MainPanel”> <Combo<a href="/tag/Box/" target="_blank" class="keywords">Box</a> x:Name=”ThemeList”> <Combo<a href="/tag/Box/" target="_blank" class="keywords">Box</a>.ItemTemplate> <DataTemplate> <TextBlock Text=”{Binding ThemeName}” /> </DataTemplate> </Combo<a href="/tag/Box/" target="_blank" class="keywords">Box</a>.ItemTemplate> </Combo<a href="/tag/Box/" target="_blank" class="keywords">Box</a>> <dynamic:Controls x:Name=”Controls” /> </StackPanel> </Grid> </UserControl> 

 

3.写一个类用来填充ComboBox

public class ThemeSelector { public string ThemeName { get; set; } public ContentControl Theme { get; set; } } 

 

4.写一个返回主题样式集合的方法在MainPage类的构造函数中调用

private void LoadThemeList() { List<ThemeSelector> themes = new List<ThemeSelector>(); themes.Add(new ThemeSelector { ThemeName = “BubbleCreme”,Theme = new BubbleCremeTheme() }); themes.Add(new ThemeSelector { ThemeName = “BureauBlack”,Theme = new BureauBlackTheme() }); themes.Add(new ThemeSelector { ThemeName = “BureauBlue”,Theme = new BureauBlueTheme() }); themes.Add(new ThemeSelector { ThemeName = “ExpressionDark”,Theme = new ExpressionDarkTheme() }); themes.Add(new ThemeSelector { ThemeName = “ExpressionLight” Theme = new ExpressionLightTheme() }); themes.Add(new ThemeSelector { ThemeName = “RainierOrange”,Theme = new RainierOrangeTheme() }); themes.Add(new ThemeSelector { ThemeName = “RainierPurple”,Theme = new RainierPurpleTheme() }); themes.Add(new ThemeSelector { ThemeName = “ShinyBlue”,Theme = new ShinyBlueTheme() }); themes.Add(new ThemeSelector { ThemeName = “ShinyRed”,Theme = new ShinyRedTheme() }); themes.Add(new ThemeSelector { ThemeName = “TwilightBlue”,Theme = new TwilightBlueTheme() }); themes.Add(new ThemeSelector { ThemeName = “WhistlerBlue”,Theme = new WhistlerBlueTheme() }); ThemeList.ItemsSource = themes; } 

 

5.最后在ComBoxBox的SelectionChanged事件中写更改主题的代码

private void ThemeList_SelectionChanged(object sender,SelectionChangedEventArgs e) { ContentControl theme = ((sender as Combo<a href="/tag/Box/" target="_blank" class="keywords">Box</a>).SelectedItem as ThemeSelector).Theme; theme.Content = new Controls(); MainPanel.Children.RemoveAt(1); MainPanel.Children.Add(theme); }