metro风格(五个Metro UI 风格的网页设计)

一、用QT开发Metro 风格的UI

目前QT官方已经对该实现立项，但尚未完成，因为要把angle对接的dx9升级到11。（非常低层）

其原理是研究metro ui style是用哪些DX11的 API然后是如何利用它们实现的，之后用 OpenGL模拟出对应DX11的API，再之后封装实现方法成我们最终设计使用的QML widget。（目的是实现跨平台的高效执行体验。）

这样你的QT-metrostyle ui在QML中用对应的widget设计出来（PS：底层实现是原生的 OpenGL经过面向平台的自动转译 OpenGL的调用被置换为等效的DX11）就可以在支持DX11的平台上高效运行了。

这里有用QML模拟出部分metro风格的例子：

二、如何把win7桌面仿成win8桌面就是仿出Metro UI的界面。

可以下载一个WinMetro软件实现。

WinMetro是一款免费的软件，可以为 Win7/Vista/XP等系统带来与 Win8一样的 Metro UI色块桌面界面，可以通过它提前体验 Win8 Metro UI桌面的使用感受，目前已经实现了天气、日历、股票和新闻等功能，还原度非常高。而且也可以设置让系统开机时自动进入这个 Metro开始桌面。

三、Metro与Aero特效混搭 酷狗7全新UI详解

微软经过2年时间酝酿用来击败Android手机系统的Windows Phone 7已经正式发布。在手机发烧友关注该系统的同时，软件的UI设计师们却将更多注意力放在了被称之为“Metro”的全新界面布局上，Metro的特点就是简洁与直观，没有过分华丽的炫目背景与功能图标，而酷狗7的UI设计师们则将这一风格第一次的带入到音乐软件领域，使得酷狗7的整体效果简洁明快，受到了广泛的好评，加上完美兼容优化过的Aero特效，即便是初次使用酷狗的新用户也能轻松上手。

图1.酷狗7主界面“热点“区域的全新Metro风格

通过上图可以看到酷狗7主界面最引人注目的地方就是经过改版的Metro风格界面，新版界面将大小不一的专辑封面图片以Metro风格特有的布局展列其上，对于刚刚打开酷狗7的朋友来说就可以极其直观的看到今天的热门推荐歌曲都有哪些。

图2.可以直接在专辑封面上播放歌曲

在酷狗7热点中将鼠标直接悬停在你感兴趣的专辑图块上,就会直接出现该专辑的演唱人和专辑名称信息，同时还会出现一个播放按钮，点击之后就可以直接将这张专辑全部自动添加至当前播放列表进行播放。

图3.全透明兼容Aero特效

除去音乐软件中首度引入Metro界面之外，酷狗7还支持全透明的Aero毛玻璃特效，点击酷狗7界面右上方的“彩虹衣服“图标，就可以打开自定义皮肤功能，不但可以自由更换皮肤图案之外，还可以将自己喜欢的图片当做酷狗7的软件皮肤风格，当然图片设定好之后，不要忘了开启如上图所示的透明特效勾选框，现在呈现在你眼前就是前所未见的酷狗7新界面了，赶快去试试吧!