Metro风格界面

最新推荐文章于 2020-09-20 11:42:21 发布
最新推荐文章于 2020-09-20 11:42:21 发布
阅读量6.4k 收藏 3
点赞数 2
分类专栏： 技术摘录 文章标签： windows windows phone ui facebook office 微软
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhongguoren666/article/details/6999297
版权

        Metro风格界面是Windows8代表性的亮点，Metro界面的脱颖而出似乎是一次大的颠覆，未来的Windows软件界面肯定会以Metro这种新兴设计风格成主流。

       国外的UI设计师已经对Metro风格“hold”不住了，自己动手为一些软件设计起Metro界面，Metro的特点就是简洁与直观，没有过分华丽的炫目背景与功能图标，以下欣赏部分软件的Metro界面。Metro风格

Metro Skype 3.0
Metro风格
Metro Windows Live/MSN
Metro风格
Metro IE9

Metro Windows Live/MSN 界面2

Metro Facebook

Metro Facebook 客户端

Metro Foobar播放器 （可以通过下载 皮肤实现）

        metro UI是由微软公司开发的内部名称为“ typography-based design language”（基于排版的设计语言）。最早出现在微软电子百科全书95，后来的产品如：windows媒体中心、Zune播放器 都有用到这项技术。该技术已于2010年初（美国）获得Metro UI专利批准（USPTO）。metro UI最新的应用是windows phone 7智能手机系统，并将应用于未来的windows 8、office 和 xbox 360产品中。



zhongguoren666
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
metroStyle.css
08-10
用于树形组件的样式设置，组织机构的样式设置！
metro风格的特点
qq_34011376的博客
02-18 1852
避免过度设计 因为metro的出现，微软终于将他们的设计简单化-只突必要的。这不仅仅更好的突出了内容，也让工作量大大的减少。下面是两年前他们的网站，有很多方块图片。里面有些文字内容，相信做了很多工作但是我找不到究竟是些什么， 除非很认真的去看。 和现在主页的内容盒子和方框相比，那些剪纸艺术和90s图片的堆砌已经一去不复返了。在新主页里你能找到浓烈的颜色，基本但有
Metro风格用户界面设计原则
Waitforsniping的专栏
01-09 1946
这是翻译的一篇国外论坛上的文章，并不是很准确，想看原文的可以到这个网址：http://www.stephanemassey.com/metro-design-principles/。                Metro用户界面设计原则        （注：Metro UI，Metro风格用户界面，即所谓的Win8风格）        自从我在伦敦开始为用户贴近Metro UI和Is
微软Metro UI风格网页模板
10-29
微软Metro UI风格网页模板。Windows Phone7,Windows8 界面
Win8 Metro风格界面特效特效代码
03-20
在Windows 8操作系统中，引入了一种全新的设计语言，被称为“Metro”风格，或称“Modern UI”风格。...无论是在移动设备还是桌面环境中，这种Win8 Metro风格的界面特效都能帮助你的Web应用脱颖而出。
Win8 Metro风格界面特效.zip
11-25
在构建Win8 Metro风格界面时，jQuery可以帮助开发者快速实现页面元素的交互和动态效果，如平滑滚动、触控手势响应等。 3. **前端JavaScript**：JavaScript是实现Web应用动态特性的关键。在Win8风格的界面中，...
jQuery+CSS3仿windows8 Metro风格界面布局效果.zip
09-22
《jQuery+CSS3实现Windows8 Metro风格界面布局的探索与实践》 在现代网页设计中，用户界面（UI）的设计风格至关重要，它不仅影响到用户的使用体验，也体现了网站或应用的品牌形象。其中，Windows8的Metro风格界面以...
Metro风格界面效果Droptiles.zip
07-17
Droptiles 实现了 Metro 风格的界面效果，基于 HTML5 CSS3 技术实现，在线演示。 标签：Droptiles CSS框架
Metro界面的真正意义
weixin_30444105的博客
11-27 90
昨天去客户那给安装防火墙和交换机，因为客户和我们公司签订了维保的合同，然后我们公司两个人去了客户那跟客户沟通也去顺路去做巡检。 客户之前跟我们公司采购了一台DELL的PC服务器，预装了win server 2013，也就是win8的服务器版。之前我一直对这个新系统的metro界面也就是那个开始屏幕比较反感，最大的原因就是它把win7里面用的非常方便的开始菜单给去掉了，换成了这个无比...
winForm模版 win8风格 metro 源码
08-31
老外写的很好的一款metro风格模版。很使用，全是源码！
C# winform 实现win8磁贴效果
05-22
简单实现，适合学习借鉴 /* *使用方法 * 原理： * 1.一个磁贴（Tile）包含多个磁贴项目（TileItem） * 2.TileItem其实封装的图片和坐标 * 3.当调用Tile的构造方法时就会启动计时（间隔时间后开始滚动图片） * 使用： * 1.声明一个LinkedList tileItemList * 2.向tileItemList里添加元素 （TileItem 只需要指定Image属性就可以了） * 3.调用磁贴的构造方法 new Tile(btn, tileItemList); */ Image img1 = Image.FromFile(ApplicationDirectory + "1.png"); Image img2 = Image.FromFile(ApplicationDirectory + "2.png"); Image img3 = Image.FromFile(ApplicationDirectory + "3.png"); Image[] images = new Image[] { img1, img2, img3 }; foreach (Control c in this.Controls) { Button btn = c as Button; if (btn != null) { LinkedList tileItemList = new LinkedList(); Random random = new Random(); for (int i = 0; i < images.Length; i++) { tileItemList.AddLast(new TileItem() { Image = images[random.Next(1, 3)] }); btn.Click += new EventHandler(btn_Click); } //申明磁贴 Tile tile= new Tile(btn, tileItemList); //设置图片切换间隔时间 //tile.Interval = 5000; } }
Win10风格 MetroForWinForm
09-30
代码介绍 MetroForWinForm(win8风格模版) using System; using System.Drawing; using System.Globalization; using System.Windows.Forms; using MetroFramework.Forms; namespace MetroFramework.Demo { public partial class MainForm : MetroForm { public MainForm() { InitializeComponent(); metroStyleManager.Theme = MetroThemeStyle.Default; metroStyleManager.Style = MetroColorStyle.Teal; } private void metroTileSwitch_Click(object sender, EventArgs e) { var m = new Random(); int next = m.Next(0, 13); metroStyleManager.Style = (MetroColorStyle)next; } private void metroTile1_Click(object sender, EventArgs e) { metroStyleManager.Theme = metroStyleManager.Theme == MetroThemeStyle.Light ? MetroThemeStyle.Dark : MetroThemeStyle.Light; } private void metroButton1_Click(object sender, EventArgs e) { MetroTaskWindow.ShowTaskWindow(this, "SubControl in TaskWindow", new TaskWindowControl(), 10); } private void metroButton2_Click(object sender, EventArgs e) { MetroMessageBox.Show(this, "Do you like this metro message box?", "Metro Title", MessageBoxButtons.YesNoCancel, MessageBoxIcon.Asterisk); } private void metroButton5_Click(object sender, EventArgs e) { metroContextMenu1.Show(metroButton5, new Point(0, metroButton5.Height)); } private void metroButton6_Click(object sender, EventArgs e) { MetroMessageBox.Show(this, "This is a sample MetroMessagebox `OK` only button", "MetroMessagebox", MessageBoxButtons.OK, MessageBoxIcon.Information); } private void metroButton10_Click(object sender, EventArgs e) { MetroMessageBox.Show(this, "This is a sample MetroMessagebox `OK` and `Cancel` button", "MetroMessagebox", MessageBoxButtons.OKCancel, MessageBoxIcon.Information); } private void metroButton7_Click(object sender, EventArgs e) { MetroMessageBox.Show(this, "This is a sample MetroMessagebox `Yes` and `No` button", "MetroMessagebox", MessageBoxButtons.YesNo, MessageBoxIcon.Question); } private void metroButton8_Click(object sender, EventArgs e) { MetroMessageBox.Show(this, "This is a sample MetroMessagebox `Yes`, `No` and `Cancel` button", "MetroMessagebox", MessageBoxButtons.YesNoCancel, MessageBoxIcon.Question); } private void metroButton11_Click(object sender, EventArgs e) { MetroMessageBox.Show(this, "This is a sample MetroMessagebox `Retry` and `Cancel` button. With warning style.", "MetroMessagebox", MessageBoxButtons.RetryCancel, MessageBoxIcon.Warning); } private void metroButton9_Click(object sender, EventArgs e) { MetroMessageBox.Show(this, "This is a sample MetroMessagebox `Abort`, `Retry` and `Ignore` button. With Error style.", "MetroMessagebox", MessageBoxButtons.AbortRetryIgnore, MessageBoxIcon.Error); } private void metroButton12_Click(object sender, EventArgs e) { MetroMessageBox.Show(this, "This is a sample `default` MetroMessagebox ", "MetroMessagebox"); } private void metroButton4_Click(object sender, EventArgs e) { var testform = new TestForm1(); testform.ShowDialog(); } private void metroButton4_Click_1(object sender, EventArgs e) { metroTextBox2.Focus(); } } }
使用Metro Studio制作Metro样式图标
diaojian7730的博客
04-06 360
Metro Studio是由syncfusion公司开发的一款Metro图标制作工具，Metro Studio包含600个免费的图标,你可以很轻松自定义图标。我不知道它能免费多久但是它是你值得拥有的一款软件哦。 程序运行如下所示： 下载并安装Metro Studio你可以访问各个目录下所有的图标,你可以改变这个图标的Size、Padding,Shape,Backgro...
Metro界面体验——打造属于自己的Metro界面
weixin_30527323的博客
09-01 98
首先，在这里很欠扁的用一种不正规的方式科普一下，什么叫做Metro。所谓Metro，相当于Start（开始）菜单。但是与经典的Start不同，他的功能更加强大。他上面的程序以Tile（瓷贴）的形式展现，支持动态显示，可以按照自己的意愿分组、删除Tile等操作，现在我们来看一下。其次，来看一下如何回到Metro界面： 通过点下键盘的WinKey键 鼠标移动到屏幕左下角，点击弹出的Start ...
10大的 Metro 风格的 Bootstrap 主题和模板
飞鹰的专栏
11-23 7945
10大的 Metro 风格的 Bootstrap 主题和模板 　　Metro UI 是一种界面展示技术，是 Windows 8 的主要界面显示风格。Metro 界面和 iOS、Android 界面最大的区别在于：后两种都是以应用为主要呈现对象，而 Metro 界面强调的是信息本身，而不是冗余的界面元素。同时在视觉效果方面，这有助于形成一种身临其境的感觉。 1. BootMetr
10大流行的 Metro UI 风格的 Bootstrap 主题和模板
07-18 1937
Metro UI 是一种界面展示技术，是 Windows 8 的主要界面显示风格。Metro 界面和 iOS、Android 界面最大的区别在于：后两种都是以应用为主要呈现对象，而 Metro 界面强调的是信息本身，而不是冗余的界面元素。同时在视觉效果方面，这有助于形成一种身临其境的感觉。 如果你的下一个网站项目或 Web 应用程序想使用 Windows 8 Metro 风格，那么下面列表中收集
metro样式开机启动菜单_如何将关机/重新启动/睡眠添加到Windows 8 Metro启动屏幕...
cuma1988的博客
09-20 1043
metro样式开机启动菜单If you have installed the Developer Preview of Windows 8, you probably have discovered the rather obscure method of shutting down the system. There is an easier way of shutting down, rest...
Metro风格的开源项目 MahApps.Metro
weixin_34044273的博客
10-13 312
一个Metro风格的开源项目 MahApps.Metro
metro 搜狗五笔
最新发布
10-17
Metro 搜狗五笔的用户也可以通过个性化设置来自定义输入体验，如调整键盘高度、字号、皮肤风格等。同时，它还提供了流畅的滑动输入、拼音快速输入等功能，方便用户在不同场景下的输入需求。 总体而言，Metro 搜狗...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值