Metro风格控件
2012-09-07 15:23
155 查看
目录:
Metro风格控件
Metro主题
MahApps.Metro文档地址:http://mahapps.com/MahApps.Metro/
源码地址:https://github.com/MahApps/MahApps.Metro
在VS中可以装一个NuGet插件来下载MahApps.Metro.dll和MahApps.Metro.Resources.dll。
MahApps.Metro文档写的很详细了。可以先了解下如何使用。在往下看这篇文章。
文档也给出了一些Examples:
Windows Phone Power Tools
XamlSpy
MahChats
MarkPad
Carnac
1、AppBarButton继承Button,在Button上增加了Visual类的属性。用来改变可视化界面。
2、LayoutInvalidationCatcher在逻辑树中测绘Child所需的空间。
3、MetroContentControl这个控件主要是在TabControl切换的时候,给它一些切换的动画。同时必须配合ReloadBehavior.OnSelectedTabChanged这个附加属性。
4、MetroImage这个AppBarButton类似,只是模板Style不同。
5、MetroProgressBar继承ProgressBar,也就是对进度条模板重写。加了动画,类似于Loading效果。
6、Panorama继承于ItemsControl,设置Item的高度,宽度还有动画效果。
7、PanoramaItem是一个继承于ContentControl自定义控件,他增加了header,HeaderOpacity,HeaderTemplate,Orientation的依赖属性。
8、Planerator控制子控件的旋转。
9、ProgressIndicator和MetroProgressBar类似,效果图
,也是一种加载动画控件。ProgressIndicator主要是以xaml来写的,而MetroProgressBar主要是以代码来写的。
10、ProgressRing和上面的类似
11、RevealImage给ImageSource增加些鼠标移动到上面的动画效果。
12、Title 继承于Button,多了几个依赖属性(Title,Count,KeepDragging,TitleFactor)
13、ToggleSwitch继承于ToggleButton,
14、ToggleSwitchButton和ToggleSwitch类似
主要实现这种开关效果。
15、TransitioningContentControl控件内容动态出现和消失。
16、WindowCommands实现了窗体的最小化,还原,最大化,关闭功能。就是Window窗体上面的边框。这里文档上也写到不能自动绑定Caliburn.Macro的事件命令。必须写
ThemeManager这个类,来改变主题风格。源码里面有白色和黑色两套背景主题(BaseLight.xaml和BaseDark.xaml)
通过ThemeManager.ChangeTheme改变主题颜色。
Metro风格控件
Metro主题
MahApps.Metro文档地址:http://mahapps.com/MahApps.Metro/
源码地址:https://github.com/MahApps/MahApps.Metro
在VS中可以装一个NuGet插件来下载MahApps.Metro.dll和MahApps.Metro.Resources.dll。
MahApps.Metro文档写的很详细了。可以先了解下如何使用。在往下看这篇文章。
文档也给出了一些Examples:
Windows Phone Power Tools
XamlSpy
MahChats
MarkPad
Carnac
Metro风格控件
MahApps.Metro大概有16个自定义控件。1、AppBarButton继承Button,在Button上增加了Visual类的属性。用来改变可视化界面。
2、LayoutInvalidationCatcher在逻辑树中测绘Child所需的空间。
3、MetroContentControl这个控件主要是在TabControl切换的时候,给它一些切换的动画。同时必须配合ReloadBehavior.OnSelectedTabChanged这个附加属性。
4、MetroImage这个AppBarButton类似,只是模板Style不同。
5、MetroProgressBar继承ProgressBar,也就是对进度条模板重写。加了动画,类似于Loading效果。
6、Panorama继承于ItemsControl,设置Item的高度,宽度还有动画效果。
7、PanoramaItem是一个继承于ContentControl自定义控件,他增加了header,HeaderOpacity,HeaderTemplate,Orientation的依赖属性。
8、Planerator控制子控件的旋转。
9、ProgressIndicator和MetroProgressBar类似,效果图
,也是一种加载动画控件。ProgressIndicator主要是以xaml来写的,而MetroProgressBar主要是以代码来写的。
10、ProgressRing和上面的类似
11、RevealImage给ImageSource增加些鼠标移动到上面的动画效果。
12、Title 继承于Button,多了几个依赖属性(Title,Count,KeepDragging,TitleFactor)
13、ToggleSwitch继承于ToggleButton,
14、ToggleSwitchButton和ToggleSwitch类似
主要实现这种开关效果。
15、TransitioningContentControl控件内容动态出现和消失。
16、WindowCommands实现了窗体的最小化,还原,最大化,关闭功能。就是Window窗体上面的边框。这里文档上也写到不能自动绑定Caliburn.Macro的事件命令。必须写
cal:Message.Attach来绑定。x:Name自动绑定的写法失效了。
Metro主题
ThemeManager这个类,来改变主题风格。源码里面有白色和黑色两套背景主题(BaseLight.xaml和BaseDark.xaml)通过ThemeManager.ChangeTheme改变主题颜色。
相关文章推荐
- 使用C#开发Metro 风格应用的路线图 -- 控件分类介绍
- windows 8 metro 风格开发(7)-发布一个常用控件类库
- 使用 HTML 控件创建出色的 Metro 风格应用
- 使用C#开发Metro 风格应用的路线图 -- 控件分类介绍
- 图解使用Win8Api进行Metro风格的程序开发十二----上下文菜单
- VS2005 XP风格控件
- Windows 8 Metro中GridView的Group化和SemanticZoom控件的配合使用
- VS2010-MFC下控件Win7风格设置
- (最新)Windows 8 Metro 应用开发的入门 Metro App的几个新控件
- C# WinForm (笨方法)根据不同的样式配置 设置窗体相关控件的背景 以改变窗体风格
- Android实现Material Design风格的设置页面(滑动开关控件)
- 使用C#开发Metro 风格应用的路线图 -- 移植wp7应用到metro上
- Android实现Material Design风格的设置页面(滑动开关控件)
- ICON下载,Win8,Metro风格
- 使用GDI+绘制的360风格按钮控件(使用CN_DRAWITEM消息重绘,并使用TGPGraphics,TGPPen,TGPImage,TGPBitmap等)good
- 实现仿Visual Studio风格的控件DockPanel
- 在Metro风格的Windows 8应用中试用SQLite
- CTreeCtrl控件风格设置
- 超棒的网页消息提示控件,支持多种风格!
- Metro Style App开发快速入门 之基本控件使用总结