WPF：换肤基础（临摹贴）

临摹对象《 Creating a Skinned User Interface in WPF》

目标：动态变更窗口的底色（当然，可以扩展为其他元素的样式）
思路：

•   创建两个资源文件（Resource Dictionary），一个用来存放默认样式（Default.xaml），一个用来存放其他样式（HotHot.xaml）；
•   在需要变更样式的窗体中（本例中为：WinWords），使用动态样式（... Style="{DynamicResource styleBcakground}"）
•   在Application类中（方便调用），添加一个应用样式的公共方法（ApplySkin）
•   在主窗体中（本例是在WinWords窗体中通过按钮点击事件）调用Application中应用样式方法（ApplySkin）
•   在本例中，WinWords窗体启动时，自动调用了ApplySkin方法来应用默认的样式（Default）

OK，代码如下：
<HOME_DIR>\Resources\Skins\Default.xaml

 1       <!--  Background Style  -->
 2       < Style  x:Key ="styleBackground" >
 3           < Setter  Property ="Control.Background" >
 4               < Setter.Value >
 5                   < LinearGradientBrush  StartPoint ="0,0.5"  EndPoint ="1,0.5"  Opacity ="0.5" >
 6                       < GradientStop  Color ="LightSkyBlue"  Offset ="0"   />
 7                       < GradientStop  Color ="WhiteSmoke"  Offset ="0.5"   />
 8                       < GradientStop  Color ="LightSkyBlue"  Offset ="1"   />
 9                   </ LinearGradientBrush >
10               </ Setter.Value >
11           </ Setter >
12       </ Style >

<HOME_DIR>\Resources\Skins\HotHot.xaml

 1      <!--  Background Style  -->
 2      < Style  x:Key ="styleBackground" >
 3          < Setter  Property ="Control.Background" >
 4              < Setter.Value >
 5                  < LinearGradientBrush  StartPoint ="0.5,0"  EndPoint ="0.5,1" >
 6                      < GradientStop  Color ="#50000000"  Offset ="0.5"   />
 7                      < GradientStop  Color ="#ff999999"  Offset ="1"   />
 8                  </ LinearGradientBrush >
 9              </ Setter.Value >
10          </ Setter >
11      </ Style >

<HOME_DIR>\WinWords.xaml

1
2      < Grid  Style =" {DynamicResource styleBackground} " >
3

<HOME_DIR>\WinWords.xaml.cs

 1         public WinWords()
 2         {
 3             InitializeComponent();
 4             
 5             this.ApplySkin("Default");
 6         }
 7
 8         private void ApplySkin(string pstrDictPath)
 9         {
10             string skinDictPath = @".\Resources\Skins\" + pstrDictPath + @".xaml";
11             Uri skinDictUri = new Uri(skinDictPath, UriKind.Relative);
12
13             MyCcApp app = Application.Current as MyCcApp;
14             app.ApplySkin(skinDictUri);
15         }

16         private void btnTestSkining_Click(object sender, RoutedEventArgs e)
17        {
18             this.ApplySkin("HotHot");
19         }

<HOME_DIR>\MyCcApp.xaml.cs

 1         public void ApplySkin(Uri skinDictionaryUri)
 2         {
 3             ResourceDictionary skinDict = Application.LoadComponent(skinDictionaryUri) as ResourceDictionary;
 4
 5             Collection < ResourceDictionary >  mergedDicts = base.Resources.MergedDictionaries;
 6
 7             if (mergedDicts.Count > 0)
 8             {
 9                 mergedDicts.Clear();
10             }
11
12             mergedDicts.Add(skinDict);
13         }

哪里是关键大家自然一看就清楚了，查查MSDN，O了，^_^