(WPF)360安全卫士9.0界面制作过程

最近在网上看到了新版的360安全卫士，感觉界面还不错，于是用WPF制作了一个，时间有限，一些具体的控件没有制作，用图片代替了。

先看看截图吧，等下把制作过程发出来。

制作过程：

1.先是无边框窗体的制作

[html] view plain copy print ?

1. <Setter Property="WindowStyle" Value="None"/>      
2.     <Setter Property="Template">      
3.         <Setter.Value>      
4.             <ControlTemplate TargetType="{x:Type Window}">      
5.                 <Grid Margin="5">      
6.                     <Rectangle Fill="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"    >      
7.                         <Rectangle.Effect>      
8.                             <DropShadowEffect BlurRadius="5" ShadowDepth="0"/>      
9.                         </Rectangle.Effect>    
10.                     </Rectangle>      
11.                     <Border Background="{TemplateBinding Background}"      
12.                         BorderBrush="{TemplateBinding BorderBrush}"      
13.                         BorderThickness="{TemplateBinding BorderThickness}"      
14.                         Padding="{TemplateBinding Margin}"      
15.                         SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">      
16.                         <ContentPresenter />      
17.                     </Border>      
18.                 </Grid>      
19.             </ControlTemplate>      
20.         </Setter.Value>      
21.     </Setter>      
22. </Style>  

<Setter Property="WindowStyle" Value="None"/>    
    <Setter Property="Template">    
        <Setter.Value>    
            <ControlTemplate TargetType="{x:Type Window}">    
                <Grid Margin="5">    
                    <Rectangle Fill="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"    >    
                        <Rectangle.Effect>    
                            <DropShadowEffect BlurRadius="5" ShadowDepth="0"/>    
                        </Rectangle.Effect>  
                    </Rectangle>    
                    <Border Background="{TemplateBinding Background}"    
                        BorderBrush="{TemplateBinding BorderBrush}"    
                        BorderThickness="{TemplateBinding BorderThickness}"    
                        Padding="{TemplateBinding Margin}"    
                        SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">    
                        <ContentPresenter />    
                    </Border>    
                </Grid>    
            </ControlTemplate>    
        </Setter.Value>    
    </Setter>    
</Style>

2.主体界面制作，这里用到了一个自定义控件，是之前已经做好的，现在直接拿来用，只需添加相应的图片就可以了

控件地址：360界面控件

引用控件，在窗体上添加一个自定义WMTabControl控件，删除自带的TabItem，添加自定义控件里面的WMTabItem

并给WMTabItem控件添加三张图片，1.图标图片2.鼠标按下时背景图片3.鼠标划过时背景图片，添加好了就跟下面一样了。

3.系统按钮制作

添加自定义控件里面的WMButton，放置到窗体右上角，设置方法跟WMTabItem一样，选择三张图片就可以了，比较简单，多做几个。

4.多做几个WMTabItem，添加标题，logo图片

好了，完成。其他东西没时间做了，比如弹出菜单，具体每个页面的控件（用图片替代了），换肤功能，可以参考自定义控件代码里面的一些制作方法。图片资源提取自360，切勿用于商业用途。

源代码点击打开链接