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:System.Windows.Controls;assembly=System.Windows.Controls.Data” xmlns:controls=”clr- namespace:System.Windows.Controls;assembly=System.Windows.Controls”> <StackPanel x:Name=”ControlsRoot”> <StackPanel Orientation=”Horizontal” Margin=”0,10”> <Button Content=”Button Control” /> <TextBox Margin=”10,0,0,0” Width=”200” Text=”Styled TextBox” /> </StackPanel> <StackPanel Orientation=”Horizontal” Margin=”0,10”> <Slider Margin=”10,0,0,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”> <ComboBox x:Name=”ThemeList”> <ComboBox.ItemTemplate> <DataTemplate> <TextBlock Text=”{Binding ThemeName}” /> </DataTemplate> </ComboBox.ItemTemplate> </ComboBox> <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 ComboBox).SelectedItem as ThemeSelector).Theme; theme.Content = new Controls(); MainPanel.Children.RemoveAt(1); MainPanel.Children.Add(theme); }