所先需要引用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); }