我熟悉Actionscript和Flex。但是当涉及到在Flex中设计界面时,我发现自己不知道从哪里开始。我想知道如何创建像TweekDeck和Adobe Digital Edition这样的酷炫用户界面的在线资源/书籍。
我熟悉Actionscript和Flex。但是当涉及到在Flex中设计界面时,我发现自己不知道从哪里开始。我想知道如何创建像TweekDeck和Adobe Digital Edition这样的酷炫用户界面的在线资源/书籍。
类似TweetDeck的UI是通过自定义皮肤来实现的。您需要了解flex组件的皮肤设置。如果您正在使用flex 4即Spark组件,那么更容易进行皮肤设置。 如果使用Flash Builder难以进行皮肤设置,也可以使用Flash Catalyst。
要制作酷炫的界面,您需要具备设计技能。@jase21是正确的,Spark组件更容易使用(一旦您了解如何使用它,这可能意味着您必须放弃许多可能已经习惯的Flex 3习惯)。但仅仅能够定制组件样式并不意味着您将拥有外观出色的界面。如果您自己没有这些技能,请尝试与设计师联系,他们可以使用Photoshop或其他图形程序制作构成,然后您可以在Flex中实现它们。
可以尝试使用Flex Catalyst。虽然它在Silverlight方面的功能不如Expression Blend强大,但作为一个起点还是相当不错的。Catalyst是设计师可以使用的工具,可以将他们在Illustrator/Photoshop中制作的艺术品应用到应用程序的皮肤中。
不幸的是,很多东西不能通过Catalyst进行皮肤定制。目前它只支持单向操作(双向测试版远未达到实用水平),这使得开发者和设计师之间的工作流程变得复杂。尽管如此,我已经基于我的设计师在Catalyst中的工作创建了一个外观惊艳的应用程序。虽然需要一些工作才能将其整合到你的应用程序中,但结果非常棒。
Flash Builder有一个“设计视图”模式...但老实说,自从4版本以来,它就有点挑剔和有bug了。
如果没有那个,你可以尝试这个,但我不知道它怎么样: http://flexible.riaforge.org/
基本上这些是所见即所得的GUI编辑器,将组件拖放到预览屏幕中。当它们正确工作时,它们很好用,但很难做到。