每一篇文章中都给出了基本所有主要代码，目的仅供参考学习，由于目前还是公司在使用中的项目，因此不便提供完整项目源码，有需要的同学还是多动动手吧！

对于确实需要源码参考学的，推荐开源项目MahApps.Metro（http://mahapps.com/），我在那里面学习借鉴了很多，本系列中不少样式中都有她（就是她）的影子。

本文会把一些额外遗漏的资源或代码一并提供出来

二．附录.本系列补充资源

2.1附加属性

　　很多样式中使用了附加属性来对基础控件扩展，ControlAttachProperty.cs所有代码：

View Code

　　其中有一个比较好玩的附加属性就是AllowsAnimationProperty，实现旋转动画的支持，类型为bool，可以有很多种使用方式，如绑定到普通控件的IsMouseOver上，当鼠标悬浮就旋转180度，移开又转回去，效果（gif录制的问题，看上去没有那么流程）：

　　也可以绑定到CheckBox、RadioButton、ToggleButton的IsChecked属性上。

            <TextBlock Text="&#xe602;" Style="{StaticResource FIcon}" Margin="3" FontSize="40" 
                       core:ControlAttachProperty.AllowsAnimation="{Binding IsMouseOver,RelativeSource={RelativeSource Self}}"></TextBlock>
            <core:FImage Margin="3" Width="30" Height="30" Source="Images/qq.png" 
core:ControlAttachProperty.AllowsAnimation="{Binding IsMouseOver,RelativeSource={RelativeSource Self}}"></core:FImage>

2.2扩展方法

　　静态扩展类ControlExtession.cs代码：

View Code

2.3配色资源Colors.xaml

　　本系列前面文章中，基本所有样式中都没有直接使用具体色彩，而是通过资源的方式配置的，这些配色资源都在Colors.xaml中。这样的设计理论上可以实现换肤，在不同客户端中也很容易定制自己需要的风格色彩搭配。 Colors.xaml代码：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:sys="clr-namespace:System;assembly=mscorlib"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 

    <!--Window窗体-->
    <SolidColorBrush x:Key="WindowBackground" Color="#093B5D"></SolidColorBrush>
    <SolidColorBrush x:Key="WindowInnerBackground" Color="Transparent"></SolidColorBrush>
    <!--<ImageBrush x:Key="WindowInnerBackground" Stretch="Fill"  
                ImageSource="pack://application:,,,/XLY.Framework.WPFTest;component/Images/back/b2.jpg"  Opacity="1"
                Viewport="0,0,1,1" ViewportUnits="Absolute" TileMode="Tile" AlignmentX="Left" AlignmentY="Top"/>-->
    
    <SolidColorBrush x:Key="WindowBorderBrush" Color="#920892"></SolidColorBrush>
    <DropShadowEffect x:Key="WindowDropShadow" Color="#F472F4" BlurRadius="8" ShadowDepth="0" Direction="0" Opacity="0.7" />
    <SolidColorBrush x:Key="CaptionForeground" Color="White"></SolidColorBrush>
    <!--<LinearGradientBrush x:Key="CaptionBackground" StartPoint="0.5,0" EndPoint="0.5,1">
        <GradientStop Color="#571457" Offset="0"/>
        <GradientStop Color="#6A196A" Offset="1"/>
    </LinearGradientBrush>-->
    <ImageBrush x:Key="CaptionBackground" 
                ImageSource="pack://application:,,,/XLY.Framework.WPFTest;component/Images/back/b2.jpg"  Opacity="1"
                Viewport="0,0,202,143" ViewportUnits="Absolute" TileMode="Tile" AlignmentX="Left" AlignmentY="Top"/>
    
    <!--MessageBoxX-->
    <SolidColorBrush x:Key="InfoForeground" Color="White"></SolidColorBrush>
    <SolidColorBrush x:Key="QuestionForeground" Color="#74B80C"></SolidColorBrush>
    <SolidColorBrush x:Key="WarningForeground" Color="DarkOrange"></SolidColorBrush>
    <SolidColorBrush x:Key="ErrorForeground" Color="#E74E4E"></SolidColorBrush>
    <!--WaitingBox-->
    <SolidColorBrush x:Key="WaitingBoxBackground" Color="#921692"></SolidColorBrush>
    <!--边框：Menu-->
    <DropShadowEffect x:Key="DefaultDropShadow" Color="Black" BlurRadius="5" ShadowDepth="2" Direction="315" Opacity="0.6" />
    <!--输入组件-->
    <SolidColorBrush x:Key="TextForeground" Color="White"></SolidColorBrush>
    <SolidColorBrush x:Key="TextBackground" Color="#0D234B"></SolidColorBrush>
    <SolidColorBrush x:Key="TextSelectionBrush" Color="#8F8787"></SolidColorBrush>
    <!--TextBox默认Label颜色-->
    <SolidColorBrush x:Key="TextLabelBackground" Color="#508AB6"></SolidColorBrush>
    <!--输入框-->
    <SolidColorBrush x:Key="ControlBorderBrush" Color="#999C9F"></SolidColorBrush>
    <SolidColorBrush x:Key="MouseOverBorderBrush" Color="#F6D1D1"></SolidColorBrush>
    <SolidColorBrush x:Key="FocusBackground" Color="#365080"></SolidColorBrush>
    <SolidColorBrush x:Key="FocusBorderBrush" Color="#EBCECE"></SolidColorBrush>
    <!--ScrollBar-->
    <SolidColorBrush x:Key="ScrollBarForeround" Color="#877F7F"></

码农公寓

相关文章