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

来源:互联网 发布:最近流行的网络歌手 编辑:程序博客网 时间:2024/06/05 18:23

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

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


制作过程:

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


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

源代码点击打开链接

控件点击打开链接

原创粉丝点击