Silverlight实用窍门系列：72.Silverlight的Implicit Style、自定义主题皮肤、系统主题皮肤...

素颜马尾好姑娘i 2022-02-04 06:15 282阅读 0赞

本文实例基于[Silverlight实用窍门系列：71.Silverlight的Style][Silverlight_71.Silverlight_Style]基础之上。

一、Implicit Style(隐式样式)：是不需要制定x:Key属性的Style，它的作用于是所有指定TagetType的控件，而不需要在具体的每个控件去指定其Style="\{StaticResource KeyName\}"。如以下代码的Style就没有指定x:Key属性，也不需要在任何ListBox控件上指定Style，会自动作用于其上：

二、自定义主题皮肤

在此例中我们将以上样式放入三个不同的ResourceDictionary资源字典文件中，并且修改其定义的样式值，然后通过后台动态加载资源字典的方式动态更换主题皮肤。具体代码如下：

ResourceDictionary redDic = new ResourceDictionary();
                redDic.Source = new Uri("/SLStyle;component" + Url, UriKind.RelativeOrAbsolute);
                Application.Current.Resources.MergedDictionaries.Clear();
                Application.Current.Resources.MergedDictionaries.Add(redDic);

三、更换为系统皮肤

本例采用Silverlight Toolkit下面的皮肤，其路径如下：\*\\Silverlight\\v4.0\\Toolkit\\Apr10\\Themes\\Xaml\\，本文选则其中三种皮肤进行加载即可，需要引入以下一些DLL和Xaml文件，然后采用自定义主题皮肤的方式进行更换。

![2012062110200677.png][]

最后我们来看其具体Xaml和Xaml.cs文件代码如下：

public partial class MainPage : UserControl
        {
            public MainPage()
            {
                InitializeComponent();
                ChangeStyle("/Styles/RedDic.xaml");
            }
    
            private void ChangeStyle(string Url)
            {
                ResourceDictionary redDic = new ResourceDictionary();
                redDic.Source = new Uri("/SLStyle;component" + Url, UriKind.RelativeOrAbsolute);
                Application.Current.Resources.MergedDictionaries.Clear();
                Application.Current.Resources.MergedDictionaries.Add(redDic);
            }
    
            private void button1_Click(object sender, RoutedEventArgs e)
            {
                ChangeStyle("/Styles/RedDic.xaml");
            }
    
            private void button2_Click(object sender, RoutedEventArgs e)
            {
                ChangeStyle("/Styles/BlueDic.xaml");
            }
    
            private void button3_Click(object sender, RoutedEventArgs e)
            {
                ChangeStyle("/Styles/GreenDic.xaml");
            }
    
            private void button6_Click(object sender, RoutedEventArgs e)
            {
                ChangeStyle("/SysStyles/System.Windows.Controls.Theming.SystemColors.xaml");
            }
    
            private void button4_Click(object sender, RoutedEventArgs e)
            {
                ChangeStyle("/SysStyles/System.Windows.Controls.Theming.TwilightBlue.xaml");
            }
    
            private void button5_Click(object sender, RoutedEventArgs e)
            {
                ChangeStyle("/SysStyles/System.Windows.Controls.Theming.WhistlerBlue.xaml");
            }
        }

效果图如下，注意在本例中没有设置主题样式的ListBox模板，大家可以自己显式设置ListBox的ItemsTemplate，如需源码请点击 [SLThemeStyle.zip][] 下载。

![2012062110331140.png][]

![2012062110333652.png][]

![2012062110334775.png][]

![2012062110341651.png][]

![2012062110343098.png][]

![2012062110350324.png][]

本文转自程兴亮 51CTO博客，原文链接:http://blog.51cto.com/chengxingliang/932322

[Silverlight_71.Silverlight_Style]: http://www.cnblogs.com/chengxingliang/articles/2556435.html
[2012062110200677.png]: /images/20220204/0f7c08a537c1450687ef0436c892373c.png
[SLThemeStyle.zip]: http://files.cnblogs.com/chengxingliang/SLThemeStyle.zip
[2012062110331140.png]: /images/20220204/f7e725aabd6b48cdbe0cec3a0913e818.png
[2012062110333652.png]: /images/20220204/500b1fcffd764d5ea27858e23a37e8f0.png
[2012062110334775.png]: /images/20220204/9f1bdbeb7c334523a76ec194b72c40e2.png
[2012062110341651.png]: /images/20220204/52c6a2d25360447090998a6e1847b977.png
[2012062110343098.png]: /images/20220204/8495d9166f1049019e67d245ba86dd5c.png
[2012062110350324.png]: /images/20220204/afd5e92c6dce4c269fcd889217e50dc4.png