使用Silverlight Toolkit中的主题(Theme)

在Silverlight Tookit 中提供了大约十种主题，大家可以根据自己的喜好，很容易就在项目中实现
动态换肤效果。当然其官方还推荐了几个制作主题的插件，使用这些 Blend插件可以很方便的生成各种
风格颜色的主题。

      好了，下面开始今天的正文。

     首先我们要下载该Tookit并将其中的相应DLL文件:Microsoft.Windows.Controls.Theming.dll加
载到当前的示例中，另外就是相关的theme文件了，我已将10种主题文件放在了这个DEMO的themes
文件夹下：

并以“内容”方式作为"生成操作"的选项，如下：

我们可以直接在XAML文件中声明使用主题的元素，比如：

< UserControl

..
xmlns:theming ="clr-namespace:Microsoft.Windows.Controls.Theming;assembly=Microsoft.Windows.Controls.Theming"

>


< StackPanel Width ="100"
  theming:ImplicitStyleManager.ApplyMode ="Auto"
  theming:ImplicitStyleManager.ResourceDictionaryUri ="themes/ExpressionLight.xaml" >
         < Button Content ="Button" />
         < CheckBox Content ="CheckBox" />
         < RadioButton Content ="RadioButton" />
         < Slider />
         < ListBox />
         < ProgressBar Height ="15" Value ="30" />
         < controls:Expander ExpandDirection ="Down" />
     </ StackPanel >

</ UserControl >

这样在该StackPanel下的所有控件样式均应用了ExpressionLight主题。另外我们也可以在CS
文件中对指定的控件设置相应的主题，比如本DEMO中所写的代码：

public Page()
{
    InitializeComponent();
     this .ThemeList.SelectionChanged += new SelectionChangedEventHandler(ThemeList_SelectionChanged);
     this .Loaded += new RoutedEventHandler(Page_Loaded);
}

void Page_Loaded( object sender, RoutedEventArgs e)
{
    ThemeList.Items.Add( new ComboBoxItem() { Name = " ExpressionDark " , Content = " ExpressionDark " , DataContext = " themes/ExpressionDark.xaml " , IsEnabled = true });
    ThemeList.Items.Add( new ComboBoxItem() { Name = " ExpressionLight " , Content = " ExpressionLight " , DataContext = " themes/ExpressionLight.xaml " });
    ThemeList.Items.Add( new ComboBoxItem() { Name = " RainierOrange " , Content = " RainierOrange " , DataContext = " themes/RainierOrange.xaml " });
    ThemeList.Items.Add( new ComboBoxItem() { Name = " RainierPurple " , Content = " RainierPurple " , DataContext = " themes/RainierPurple.xaml " });
    ThemeList.Items.Add( new ComboBoxItem() { Name = " RainierRadialBlue " , Content = " RainierRadialBlue " , DataContext = " themes/RainierRadialBlue.xaml " });
    ThemeList.Items.Add( new ComboBoxItem() { Name = " ShinyBlue " , Content = " ShinyBlue " , DataContext = " themes/ShinyBlue.xaml " });
    ThemeList.Items.Add( new ComboBoxItem() { Name = " ShinyDarkGreen " , Content = " ShinyDarkGreen " , DataContext = " themes/ShinyDarkGreen.xaml " });
    ThemeList.Items.Add( new ComboBoxItem() { Name = " ShinyDarkPurple " , Content = " ShinyDarkPurple " , DataContext = " themes/ShinyDarkPurple.xaml " });
    ThemeList.Items.Add( new ComboBoxItem() { Name = " ShinyDarkteal " , Content = " ShinyDarkteal " , DataContext = " themes/ShinyDarkteal.xaml " });
    ThemeList.Items.Add( new ComboBoxItem() { Name = " ShinyRed " , Content = " ShinyRed " , DataContext = " themes/ShinyRed.xaml " });

    SetTheme(ThemeList.Items[ 0 ] as ComboBoxItem);
}

private void ThemeList_SelectionChanged( object sender, SelectionChangedEventArgs e)
{
    SetTheme(ThemeList.SelectedItem as ComboBoxItem);
}

// 设置相应的theme
void SetTheme(ComboBoxItem comboBoxItem)
{
     if (comboBoxItem != null )
    {
        ControlPage control = new ControlPage();
        Test.Children.Clear();
        Test.Children.Add(control);

        Uri uri = new Uri(comboBoxItem.DataContext.ToString(), UriKind.Relative);
        ImplicitStyleManager.SetResourceDictionaryUri(control, uri);
        ImplicitStyleManager.SetApplyMode(control, ImplicitStylesApplyMode.Auto);
        ImplicitStyleManager.Apply(control);
    }
}

上面代码中的ControlPage 类即是我们要加载的控件页对象，在该对象上声明了一些控件，然后将这些控
件（集合）做为子控件加载到当前PAGE页面中的Stack元素(Test)中。这样我们运行一下这个DEMO,看一下
各个主题的显示效果:

当然，官方还推荐了几个主题制作插件工具，比如： Kuler，以及插件Colorful Expression。
可以从这个链接中获得一些信息：）

     好了，今天的内容就先到这里了，源码下载，请点击这里。

     在微软的Silverlight 开源控件项目: Silverlight Toolkit

使用Silverlight Toolkit中的主题(Theme)

相关推荐