1. 为什么选择Aero2
除了以外观为卖点的控件库，WPF的控件库都默认使用“素颜”的外观，然后再提供一些主题包。这样做的最大好处是可以和原生控件或其它控件库兼容，而且对于大部分人来说模仿原生的主题也比自己设计一套好看的UI容易得多。
WPF有以下几种原生主题：
主题文件 桌面主题Classic.xaml Windows XP 操作系统上的经典 Windows 外观（Windows 95、Windows 98 和 Windows 2000）。
Luna.NormalColor.xaml Windows XP 上的默认蓝色主题。
Luna.Homestead.xaml Windows XP 上的橄榄色主题。
Luna.Metallic.xaml Windows XP 上的银色主题。
Royale.NormalColor.xaml Windows XP Media Center Edition 操作系统上的默认主题。
Aero.NormalColor.xaml Windows Vista 操作系统上的默认主题。
Win8之后WPF更新了Aero2和AeroLite两种主题，关于Aero、Aero2、AeroLite具体可见这个网页。再之后微软就没有更新WPF主题了。
如果不在代码中指定主题，WPF大概就是用这段代码确定主题，也就是说默认是Aero，如果在Win8或以上自动转为Aero2：
_themeName = themeName.ToString(); _themeName = Path.GetFileNameWithoutExtension(_themeName); if(String.Compare(_themeName, "aero", StringComparison.OrdinalIgnoreCase) == 0 && Utilities.IsOSWindows8OrNewer) { _themeName = "Aero2"; }由于我暂时不想兼容Win7，而且我又不讨厌Win8的风格，所以Kino.Toolkit.Wpf直接选择了Aero2作为控件库的主题。
2. Aero2的设计上面分别是Aero2(左)和Aero(右)的Button在几种状态下的外观，从中可以看出Aero2的设计是扁平化的风格，移除圆角、渐变等装饰性元素，以实用为目的。这样一来控件模板的结构更加简单（如Button只有Border和ContentPresenter 两个元素），移除装饰性元素更节省空间，而且渐变在质量较差或阳光下很影响阅读，圆角则是占用更多空间而且在低分辨率下表现不好。
总的来说就是以实用为目的，尽量简单，减少装饰性元素。
3. 以Button为例，谈谈Aero2中的细节：尺寸、颜色、字体、动画 <Style x:Key="FocusVisual"> <Setter Property="Control.Template"> <Setter.Value> <ControlTemplate> <Rectangle Margin="2" SnapsToDevicePixels="true" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" StrokeThickness="1" StrokeDashArray="1 2"/> </ControlTemplate> </Setter.Value> </Setter> </Style> <SolidColorBrush x:Key="Button.Static.Background" Color="#FFDDDDDD"/> <SolidColorBrush x:Key="Button.Static.Border" Color="#FF707070"/> <SolidColorBrush x:Key="Button.MouseOver.Background" Color="#FFBEE6FD"/> <SolidColorBrush x:Key="Button.MouseOver.Border" Color="#FF3C7FB1"/> <SolidColorBrush x:Key="Button.Pressed.Background" Color="#FFC4E5F6"/> <SolidColorBrush x:Key="Button.Pressed.Border" Color="#FF2C628B"/> <SolidColorBrush x:Key="Button.Disabled.Background" Color="#FFF4F4F4"/> <SolidColorBrush x:Key="Button.Disabled.Border" Color="#FFADB2B5"/> <SolidColorBrush x:Key="Button.Disabled.Foreground" Color="#FF838383"/> <Style TargetType="{x:Type Button}"> <Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}"/> <Setter Property="Background" Value="{StaticResource Button.Static.Background}"/> <Setter Property="BorderBrush" Value="{StaticResource Button.Static.Border}"/> <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/> <Setter Property="BorderThickness" Value="1"/> <Setter Property="HorizontalContentAlignment" Value="Center"/> <Setter Property="VerticalContentAlignment" Value="Center"/> <Setter Property="Padding" Value="1"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type Button}"> <Border x:Name="border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="true"> <ContentPresenter x:Name="contentPresenter" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/> </Border> <ControlTemplate.Triggers> <Trigger Property="IsDefaulted" Value="true"> <Setter Property="BorderBrush" TargetName="border" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/> </Trigger> <Trigger Property="IsMouseOver" Value="true"> <Setter Property="Background" TargetName="border" Value="{StaticResource Button.MouseOver.Background}"/> <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.MouseOver.Border}"/> </Trigger> <Trigger Property="IsPressed" Value="true"> <Setter Property="Background" TargetName="border" Value="{StaticResource Button.Pressed.Background}"/> <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Pressed.Border}"/> </Trigger> <Trigger Property="IsEnabled" Value="false"> <Setter Property="Background" TargetName="border" Value="{StaticResource Button.Disabled.Background}"/> <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Disabled.Border}"/> <Setter Property="TextElement.Foreground" TargetName="contentPresenter" Value="{StaticResource Button.Disabled.Foreground}"/> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style>这是Aero2使用Blend获取的Button控件模板。因为Button是最基础最常用最具代表性的控件，所以以它为例谈谈Aero2主题中的各种细节。
3.1 尺寸首先考虑下控件是否有必要有统一的尺寸。
我记得很久很久以前微软有份文档要求桌面按钮的高度是22像素（有可能是23，已经不记得了）。微软自己有没有遵守？真是太看得起微软了。
就以IE来说，上图从上到下几组按钮的高度分别是21，28，24像素。
这个页面大部分按钮都是28，只有中间那个“将所有区域重置为默认级别”是30像素。