对于WPF动态换肤研究方案

WPF工具帮助开发人员简单的实现了一些制作精美图形界面的功能需求。在WPF动态换肤异常方便，只有将窗口资源设置为不同的ResourceDictionary就可以了。而且可以换得很彻底，甚至是彻底改变整个窗口上控件的种类，大小，个数等。#t#

下面是一个WPF动态换肤实现的方法。
建立一个叫做Blue.xaml的文件，在上面写入

1. < ResourceDictionary xmlns=
   "http://schemas.microsoft.com
   /winfx/2006/xaml/presentation" 
2. xmlns:x="http://schemas.microsoft
   .com/winfx/2006/xaml" 
3. > 
4. < StackPanel x:Key="Root" Height="120"> 
5. < Button Background="Blue" Height="40"/> 
6. < Button Background="Blue" Height="40"/> 
7. < Button Background="Blue" Height="40"/> 
8. < /StackPanel> 
9. < /ResourceDictionary> 

然后建立一个叫Green.xaml的文件，在上面写入

 
 
 

  
  
  
< ResourceDictionary xmlns="http:
//schemas.microsoft.com/winfx/2006
/xaml/presentation" 
  
  
  
xmlns:x="http://schemas.microsoft.
com/winfx/2006/xaml" 
  
  
  
> 
  
  
  
< Grid x:Key="Root" Width="170" 
Height="90"> 
  
  
  
< Grid.ColumnDefinitions>   
  
  
  
< ColumnDefinition Width="80"/> 
  
  
  
< ColumnDefinition Width="80"/> 
  
  
  
< /Grid.ColumnDefinitions> 
  
  
  
< Grid.RowDefinitions> 
  
  
  
< RowDefinition Height="40"/> 
  
  
  
< RowDefinition Height="40"/> 
  
  
  
< /Grid.RowDefinitions> 
  
  
  
< Button Background="Green" 
Grid.Column="0" Grid.Row="0"/> 
  
  
  
< Button Background="Green" 
Grid.Column="1" Grid.Row="0"/> 
  
  
  
< Button Background="Green" 
Grid.Column="0" Grid.Row="1"/> 
  
  
  
< Button Background="Green" 
Grid.Column="1" Grid.Row="1"/> 
  
  
  
< /Grid> 
  
  
  
< /ResourceDictionary> 
 
 
 

然后是主窗口的xaml

 
 
 

  
  
  
< Window x:Class="SkinTest2.
Window1" 
  
  
  
xmlns="http://schemas.microsoft
.com/winfx/2006/xaml/presentation" 
  
  
  
xmlns:x="http://schemas.microsoft
.com/winfx/2006/xaml" 
  
  
  
Title="Window1" Height="150" 
Width="300" Content="{Dynamic
Resource Root}"> 
  
  
  
< /Window> 
 
 
 

将窗口的Content设置为一个动态资源Root就行了。
添加一个新类
Blue,在它的构造函数中设置将Blue.xaml中的ResourceDictionary设置给窗口

 
 
 

  
  
  
ResourceDictionary resDic =
 new ResourceDictionary();  
  
  
  
resDic.Source = new Uri
("Blue.xaml", UriKind.Relative);  
  
  
  
window.Resources = resDic; 
 
 
 

StackPanel stackPanel = window.Content as StackPanel;
通过转型来得到Blue中的StackPanel, 这种WPF动态换肤方法看起来有的粗鲁，但是没有想到别的办法

 
 
 

  
  
  
for (int i = 0; i 
<  stackPanel.Children.
Count; i++)  
  
  
  
{  
  
  
  
button[i] = stackPanel.
Children[i] as Button;  
  
  
  
button[i].Click += 
handler[i];  
  
  
  
} 
 
 
 

遍历stackPanel的子元素，把Button一个个地取出来添加事件。没法子。在写Blue.xaml中的ResourceDictionary的时候不能给资源StackPanel的子元素再设置x:key了
添加一个Green类，同样这么干。

***测试一下，在主窗口中放入一个托盘按钮，方便一会切WPF动态换肤

 
 
 

  
  
  
private Blue blue;  
  
  
  
private Green green;  
  
  
  
private System.Windows.
Forms.NotifyIcon notifyIcon;  
  
  
  
}  
  
  
  
public Window1()  
  
  
  
{  
  
  
  
InitializeComponent();  
  
  
  
notifyIcon = new System.
Windows.Forms.NotifyIcon();  
  
  
  
notifyIcon.Icon = Properties.
Resources.icon2;  
  
  
  
System.Windows.Forms.
ContextMenu contextMenu = 
new System.Windows.Forms.
ContextMenu(); 
 
 
 

给contextMenu添加两个菜单项

 
 
 

  
  
  
contextMenu.MenuItems
.Add("Blue").Click +=  
  
  
  
((sender, e) =>   
  
  
  
{   
  
  
  
if (blue == null)  
  
  
  
{   
  
  
  
blue = new Blue(this);   
  
  
  
green = null;   
  
  
  
}   
  
  
  
}); 
 
 
 

 
 
 

  
  
  
contextMenu.MenuItems.
Add("green").Click +=   
  
  
  
((sender, e) =>   
  
  
  
{  
  
  
  
if(green == null)  
  
  
  
{   
  
  
  
green = new Green(this);   
  
  
  
blue = null;   
  
  
  
}  
  
  
  
}); 
 
 
 

这里用了3.0中的Lambda表达式，看起来还不赖，比起boost中的那个类库级的Lambda看起来自然多了。

 
 
 

  
  
  
notifyIcon.ContextMenu 
= contextMenu;  
  
  
  
notifyIcon.Visible 
= true;  
 
 
 

右击托盘图标，可以任意切换。当然WPF动态换肤换得这么彻底也很少见，都换了，和新建一个窗口有啥区别