×

metroui

Metro UI是什么?如何平滑地推进Modern UI

admin admin 发表于2022-05-18 05:28:22 浏览112 评论0

抢沙发发表评论

Metro UI是什么


Metro(米雀)是微软在Windows Phone中正式引入的一种界面设计语言,也是Windows 8的主要界面显示风格。在Windows Phone之前,微软已经在Zune Player和XBox 360主机中尝试采用过类似的界面风格,并得到了用户的广泛认可。于是,微软在新发布的Windows Phone、已经发布的Windows 8预览版以及Office 15中也采用了Metro设计,今后的微软产品中将更多的能看到Metro的影子,而更少的看到传统的Windows视窗界面。 Windows8推出的一个专为触摸而设计的最新Metro风格界面,能向用户显示重要信息,这个界面同时支持鼠标和键盘,并应用于平板设备。Metro风格界面设计风格优雅,可以令用户获取一个美观、快捷流畅的 Metro 风格的界面和大量可供使用的新应用程序。这些应用程序拥有远远超出图形设计范畴的新特性(一个平台)。正如微软所展示的那样,通过出色的触控体验,同时又可以使用鼠标、触控板和键盘工作。如果用户希望永远沉浸在 Metro 界面中,那么将永远不会看到桌面,除非刻意选择,否则系统甚至不会加载它,这样的Windows 将焕然一新。 将在Windows8中开放的Windows应用程序市场(类似于iOS里面的App Store)也使用并推荐采用Metro风格界面的应用程序。 Metro UI是一种界面展示技术,和苹果的iOS、谷歌的Android界面最大的区别在于:后两种都是以应用为主要呈现对象,而Metro界面强调的是信息本身,而不是冗余的界面元素。显示下一个界面的部分元素的功能上的作用主要是提示用户ldquo;这儿有更多信息rdquo;。同时在视觉效果方面,这有助于形成一种身临其境的感觉。 查看原帖》》

记得采纳啊

如何平滑地推进Modern UI


看看XBox 再说话。接受度很高啊

PC上用得少
1,是因为有得选。开发者懒,桌面权限那么方便,怎么作恶都行,界面也好写,怎么“炫酷”都行。而且不用怎么学习新的东西。桌面端“兼顾”也过得去(有点类似在 Android 上照办 iOS 界面的做法),干嘛帮你开发 metro UI 的 app?

2,
老实来讲 Metro 的想法很激进,发展到现在也就 Beta 的状态,其实连微软自己都没想好 Metro 该怎么用(看看 Microsoft
官方的那几个 Metro APP,最多就是个70分可以用的水平,再看看 Google 在安卓上搞得那套官方 App,差距不是一般的大,虽然
Material Design 的问题也挺多的,但依然给人一种“碾压”的感觉)。iOS 的 HIG 和 Material Design
的设计指导都很详细很容易获取,Metro UI 连一份系统一点的设计规范都没有。作为一个设计师,Metro UI
真的很难做出彩,更不用说很多开发者本来就没有那么好的设计功底了。

总结:门槛太高,而且微软还总给人“不上心”的印象,自己都不上心的东西,凭什么让其他人来帮你上心?

好像偏题了,总结一下可以有的做法:

1,Metro Office 环境运行。(从自己做起,杀手应用,我真不喜欢那钟明显“阉割”的感觉!!)
2,
拉拢 Google(貌似 Google 一直对水果特别有基情,好多 App iOS 做得比自己 Android 的还要好。Youtube
要有啊!Chrome 要有啊!Google Maps 也应该有啊!难道我 要一天到晚只能用 IE 11 来用 Google Service?)
Adobe (Metro Ps 啊!!!Metro Pr 啊!!!WinRT 的同学们要感动得哭了呢!!),搞套好用到让人舍不得的 APP 出来

用的人多了, Metro 就成气候了

用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风格的例子:

https://blog.qt.digia.com/blog/2012/01/25/how-to-create-qt-applications-with-metro-style-2/
-metroui