新手用WPF山寨QQ管家7.6(二)

简介: 原文 http://www.cnblogs.com/channingzhao/archive/2013/04/11/3013619.html 新手用WPF山寨QQ管家7.6(一) http://www.

原文 http://www.cnblogs.com/channingzhao/archive/2013/04/11/3013619.html

新手用WPF山寨QQ管家7.6(一)

http://www.cnblogs.com/channingzhao/archive/2013/04/10/3012587.html


 

接着上次的来

2.导航最大最小关闭按钮的制作:

 

效果展示

写一个Border,BorderThickness="1,0,0,0",只有左边有线条,Border内放关闭按钮图片,接着设计好背景渐进颜色并透明,构成按钮控件,在故事版里做MouseOver和Pressed效果,这里需要做成时间渐变。

关闭按钮样式代码

最大化按钮MouseOver是红色的,而且比其他按钮宽一些。

最大化按钮样式代码

图标素材.rar   图标是自己从管家上扣的...效果不是立体的,也能用,我实在找不到这种小图标了。

 

3.登录管家按钮的制作:

 

效果展示

这个按钮用到了图形间的组合,是一个圆角Rectangle和一个Ellipse排斥组合而成。

先画一个Rectangle,再在上面画一个Ellipse,圈住两个图形,选择对象->合并->排斥,就能做出上面的效果了,空圈放图片,按钮效果同上。

 

4. 皮肤选择层的制作:

 

效果展示

资产->形状里有三角形,用它和圆角巨型组合出底层形状(相并),并构成ScrollViewer控件,在ScrollViewer内添加WrapPanel用于放3*3张图片。

皮肤选择层代码
皮肤选择层样式代码

5. 换肤的实现:

定义ResourceHelper类:

复制代码
 1    static class ResourceHelper
 2    {
 3         public static void LoadResource(string fileName)
 4         {
 5             Application.Current.Resources.MergedDictionaries[0] = new ResourceDictionary()
 6             {
 7                 Source = new Uri(fileName,UriKind.RelativeOrAbsolute)
 8             };
 9         }
10    }
复制代码

不同的皮肤分别为不同的Style.xaml

复制代码
1   <Application.Resources>
2         <ResourceDictionary>
3             <ResourceDictionary.MergedDictionaries>
4                 <ResourceDictionary Source="Theme/Theme8.xaml"/>
5             </ResourceDictionary.MergedDictionaries>
6         </ResourceDictionary>
7   </Application.Resources>
复制代码

换肤按钮事件:

复制代码
1      private void ThemeImage_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
2         {
3             Image image = sender as Image;
4             if (image != null && image.Source != null)
5             {
6                 string imgName = image.Name;
7                 ResourceHelper.LoadResource("pack://application:,,,/项目名;component/Theme/" + imgName + ".xaml");
8             }
9         }
复制代码

我的每个Theme.xaml目前只有背景图和导航字色变化:

Theme.xaml内:
<
ImageBrush x:Key="WindowBack" ImageSource="../Resource/Image/b8.jpg" Stretch="UniformToFill"/>
MainWindow内:
Background="{DynamicResource WindowBack}"

换肤的时候DynamicResource会跟着换,StaticResource不会。

直接修改样式文件内的元素会提示只读,百度了下也只有换肤能做,不知道其他办法~

我的换肤是临时的,保存不了,重运行就恢复,不知道怎么解决呀~在此请教下高手们...

目录
相关文章
|
C#
WPF界面设计技巧(8)—自制山寨版CheckListBox
原文:WPF界面设计技巧(8)—自制山寨版CheckListBox    近年来IT市场山寨横行啊,我们今天也来发扬一下山寨精神,搞个自制的CheckListBox出来。   喏,CheckListBox 就是下面这玩意啦:       为什么要搞它?我们是山寨耶,说搞谁就搞谁!   我也不知道为什么,WPF里没有提供 CheckListBox 控件,但凭借WPF强大的外观定制能力,我们可以轻松的创制一个自己的 CheckListBox 。
874 0
|
C#
新手用WPF山寨QQ管家7.6(一)
原文 http://www.cnblogs.com/channingzhao/archive/2013/04/10/3012587.html     刚刚入门WPF,界面方面参考《基于Expression Blend 4中文版WPF和Silverlight项目设计基础》 一书学了一些,由于本人不是...
985 0
|
7月前
|
C# 开发者 Windows
基于Material Design风格开源、易用、强大的WPF UI控件库
基于Material Design风格开源、易用、强大的WPF UI控件库
398 0
|
7月前
|
C#
浅谈WPF之装饰器实现控件锚点
使用过visio的都知道,在绘制流程图时,当选择或鼠标移动到控件时,都会在控件的四周出现锚点,以便于修改大小,移动位置,或连接线等,那此功能是如何实现的呢?在WPF开发中,想要在控件四周实现锚点,可以通过装饰器来实现,今天通过一个简单的小例子,简述如何在WPF开发中,应用装饰器,仅供学习分享使用,如有不足之处,还请指正。
151 1
|
4月前
|
开发框架 缓存 前端开发
循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(11) -- 下拉列表的数据绑定以及自定义系统字典列表控件
循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(11) -- 下拉列表的数据绑定以及自定义系统字典列表控件
|
4月前
|
C# 开发者 Windows
一款基于Fluent设计风格、现代化的WPF UI控件库
一款基于Fluent设计风格、现代化的WPF UI控件库
108 1
|
4月前
|
C# Windows
WPF中如何使用HandyCotrol控件库
WPF中如何使用HandyCotrol控件库
202 1
|
4月前
|
C# 前端开发 UED
WPF数据验证实战:内置控件与自定义规则,带你玩转前端数据验证,让你的应用程序更上一层楼!
【8月更文挑战第31天】在WPF应用开发中,数据验证是确保输入正确性的关键环节。前端验证能及时发现错误,提升用户体验和程序可靠性。本文对比了几种常用的WPF数据验证方法,并通过示例展示了如何使用内置验证控件(如`TextBox`)及自定义验证规则实现有效验证。内置控件结合`Validation`类可快速实现简单验证;自定义规则则提供了更灵活的复杂逻辑支持。希望本文能帮助开发者更好地进行WPF数据验证。
145 0
|
4月前
|
C# UED 定位技术
WPF控件大全:初学者必读,掌握控件使用技巧,让你的应用程序更上一层楼!
【8月更文挑战第31天】在WPF应用程序开发中,控件是实现用户界面交互的关键元素。WPF提供了丰富的控件库,包括基础控件(如`Button`、`TextBox`)、布局控件(如`StackPanel`、`Grid`)、数据绑定控件(如`ListBox`、`DataGrid`)等。本文将介绍这些控件的基本分类及使用技巧,并通过示例代码展示如何在项目中应用。合理选择控件并利用布局控件和数据绑定功能,可以提升用户体验和程序性能。
81 0