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

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

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

制作过程：

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

[html] view plaincopyprint?

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，切勿用于商业用途。

源代码点击打开链接