使用Metro Studio和Cosmopolitan Shell 让应用程序具有现代化的外观和感觉


[原文发表地址]  Modernize Apps Look & Feel with Metro Studio and the Cosmopolitan Shell

[原文发表时间] 2012-05-09 0:04

Visual Studio 11 LightSwitch的设计目标之一是让用户界面具有现代化的外观和感觉。早在今年 3 月份,团队发布了针对Beta版的LightSwitch Cosmopolitan Shell和主题。这一主题和Shell为默认的东西提供了一堆改进,例如在应用程序顶部显示一个徽标, 精简的顶部导航菜单和现位于屏幕底部的" Metro-style "命令栏。此shell将成为该产品的一部分,当你在最终版本中构建Visual Studio 11 LightSwitch项目时,它也是新项目的默认shell和主题。

所以我尝试着应用Cosmo shell到我的 Contoso Construction 应用程序中,我获得了几个关于我的别出心裁的图标的评论。我在应用程序中使用传统的彩色图标,与标准的shell一起看起来很不错,但它不适合Cosmopolitan shell中的Metro-style图标。不幸的是我没有时间来重绘图标 — — 让我们面对现实吧,我不是一个设计师。

进入 Syncfusion Metro Studio

幸运的是那里有一个免费工具,你可以使用它快速地创建Metro-style图标 !昨晚我正在阅读来自Jan 的 LightSwitch 电子书(我听说很快就会发布了!) ,他提到了这个免费的工具,所以我不得不签出Syncfusion Metro Studio。是的,它是免费的 !谢谢Syncfusion 支持社区 (和特别是那些不会绘制的开发人员 !)

image

此工具附带了一堆图标模板,你可以使用这些模板来着手设计你自己的Metro-style图标,并且非常容易使用此工具。

image

选择一个模板,然后你可以更改其大小、 形状、 前景色和背景颜色。你还可以查看和复制 XAML 或将其保存为 PNG。

image

对于使用Cosmo shell的 LightSwitch 应用程序,最好是采用透明的背景,那样命令栏的浅灰色能渗透出来。虽然Metro Studio不能让你在拾色器中选择透明背景,但你可以在文本框中简单地键入它(正如我上面所展示的)。

Contoso Construction更新

我花了大约 20 分钟来更新 Contoso Construction应用程序中的所有图标,这儿是我所作出的效果。对于非设计师来说:-) 也不算太坏。你可以在这里下载已更新的示例:

clip_image004Contoso Construction-LightSwitch 高级示例 (Visual Studio 11 Beta)

Contoso1sm

Syncfusion Metro Studio节省了大量的时间,甚至对于商业应用程序来说,你创建的所有图标都是免版税的。玩的开心,"Metro-styling "你的应用程序吧 !

希望大家喜欢 !

Comments (0)

Skip to main content