Flash或Flex是否更好地构建用户交互式订购“向导”网站?

时间:2011-06-18 18:37:05

标签: flash flex image flash-builder flash-cs5

我想知道这些是否“建立......”。 flash网站(支持用户定制的订购流程)是使用常规Flash还是Flex?

完成的
  1. Site 1
  2. Site 2
  3. Site 3
  4. Site 4
  5. 所有这些通过定制的订购流程“引导用户”并捕获他们的所有选择并向他们展示他们的所有自定义(并最终将他们带到最终订购屏幕)。

    这些网站引擎盖下发生了什么,是用flash还是flex构建的?该人是否为您可能选择的每个组合创建单独的图像,或者是否在此处发生其他事情?

    我仍然无法弄清楚Flex或Flash是否更适合这样的事情。 (为什么adobe会让这些看似基本的问题变得如此复杂)

    是否有任何好的资源或教程可以尝试在网站上的Flash中构建此类功能?

10 个答案:

答案 0 :(得分:7)

答案 1 :(得分:2)

嗯,我仍然不喜欢任何答案,所以我要打电话。

第一个问题是“Flash和Flex有什么区别?”。在他们的核心,他们是同一个。 Flash平台(Flash Player)和Flash工具(Flash CS)之间存在一些混淆;还有Flash Builder,它是一个用纯ActionScript或Flex开发的开发环境。 Flash Player使用Actionscript显示您需要的内容,或者您​​可以使用Flash CS以可视方式创建要显示的内容。在我看来,除非你需要绘图/动画工具(我不认为你这样做),否则不要使用Flash CS。话虽如此,真正的问题应该是“Actionscript和Flex之间有什么区别”?嗯,从技术的角度来看,没有一个,因为Flex是使用Actionscript制作的。这里重要的是Flex是一个为快速丰富的互联网应用程序实现而制作的框架。它使用布局,蒙皮和样式的概念以及标准组件(按钮,组合框,标签,数据网格等)来帮助您轻松快速地创建引人注目的应用程序。您可以在Actionscript中执行相同的操作,但是需要更长时间才能实现相同的功能,但是最终应用程序将更加精简和更快下载(通常)。

第二个问题是“我应该使用Flex或Actionscript来创建我的订购向导吗?”这是我认为你应该真正关注的那个。答案是“这取决于您的要求”。 Flex真正擅长的是使用适用于用户界面的开发工具的清晰简洁的代码库。如果您的订购向导相当复杂和/或数据驱动,您可能应该使用Flex,因为它将为您提供更快创建它的工具,并使其可以在以后轻松更改。但是,如果向导非常简单并且只需要实现一次,则没有理由不使用Actionscript来执行此操作。

我希望这很有帮助。

答案 2 :(得分:1)

当我开始时 - 我的第一个选择是Flash Professional,附带Adobe CS的包。 对于一个新的程序员来说,这不是一个不错的选择,它也提供了“创造性的方法”。 但有点简短你希望可以更好地控制你的代码,以及将你的知识发展到源代码,面向对象的编程你可能会开始寻找能够为你提供更多动力来交换创造力的东西,然后跳进Flex可能会发生:)。

我的建议是:

  • 从Flash Professional CS5.5开始
  • 了解时间表
  • 活动
  • 物件
  • 动作脚本3(远离动作脚本2)
  • 转换

这可能会完成你的项目。 当你准备好所有这些时,你可能已经准备好进入更深的水域,Flex将在那里等待你重建一个完全成长的项目。

然后,也许你会开始考虑存储你的用户设置和他所做的更改,这是服务器端,这将打开另一个超级大而有趣的世界来探索和理解。 :)

..只是一个补充 - 只需查看有关使用Flash Professional执行操作的Youtube视频。这将是非常好的通电。 :)

这里有一些工具,你可能更喜欢在为Flash平台创建东西的过程中享受:

  • Flash Professional CS5.5
  • Flash Builder 4.5(Flex)
  • Photoshop CS5.5
  • Ilustrator CS5.5

  • 3DS MAX 2010(对于一些超酷的3D模型);)

答案 3 :(得分:1)

简短的回答是从两个方面都做得最好。

这是一个简短的故事,描述了如何完成大型Flash项目。

公司收到项目X的订单,有两个部门正在开展工作,D(将为项目创建所有精美图形的设计师)和P(将要投入一些生命的程序员)毫无生气的设计)。

来自P部门的人在地下室喝酒,为项目X创建数据模型,配置软件,并在开始新项目之前完成所有需要完成的日常工作。来自D部门的人打开了他们熟悉的 Flash ,因为他们一生都在Ps,Ai和其他Adobe产品中度过。 ( Flash很好,非常好,如果你想玩图形对象。向左或向右移动它们,添加一些奇特的效果,创建动画等等。为Flash中的未来Flash项目创建图形对象IDE更自然。)。

D部门的任何人都没有写过一行代码,所以当他们完成创建第一部分图形资源时,他们只需将其编译成.swc文件并将其传递给P部门,好的研究员已经开始写了在 Flash Builder 中的一些代码看起来很熟悉,因为他们花费了大量时间在Eclipse based IDE内使用不同的编程语言进行编码。

所以最后项目X很好地分为两部分:在Flash中创建的图形资源 - 用于创建动画,图形和Flash Builder内部编写的代码,这是专门设计的为此,因为Flash不适合编写大量代码。

===

回归现实和您的特定项目。我建议在Flash中创建所有屏幕(自定义订购流程的步骤),为库中的每个MovieClip添加linkage(以供将来与动作脚本一起使用)。在import those objects into your pure action script project之后。在这种情况下,您可以使用通用操作脚本,您将在不同的项目中使用它们(因为它们肯定会有一些共同的部分)。因此,您可以重用一个代码,只需更改不同项目的图形资源。

如果您想在我看来只想使用一个工具Flash或Flash Builder(用于编写Flex或Flash),则应选择Flash Builder。在其中管理代码只是一种乐趣,我不确定管理代码是否可以应用于Flash。

答案 4 :(得分:0)

我建议你在纯ActionScript中开始开发,这样你可以使它像语言一样强大,你应该尝试使用Flash Builder,创建一个项目,然后尝试使用它。

一旦你掌握了AS3的基础知识,我认为这将非常容易。

一些As3画廊和教程:

http://www.lemlinh.com/flash-tutorials-18-as3-image-gallery-tutorials-roundup/

http://www.flashmagazine.com/tutorials/detail/as3_photo_gallery/

答案 5 :(得分:0)

不,他没有为每个组合创建单独的图像。首先,他在Illustrator中创建了所有对象(衣服,人类等),然后使用FXG格式将它们导入到flex中。然后它只是简单的拖放或当你单击按钮时,它的事件处理程序将所需的对象放在所需的位置。

答案 6 :(得分:0)

问题比这更复杂。既然您可以在Flex中编译库并将它们与Flash CS5一起使用,并在CS5中创建资源并将它们添加到Flex项目中,那么该行就会模糊不清 - 它可能不存在。

我对Flex的一般偏好是在数据绑定至关重要的情况下。它不能很好地制作动画,但它对大型类结构有更好的支持。由于它是从Eclipse构建的,因此Flash Builder(AKA Flex Builder)具有IDE的感觉,而CS5则具有......另一种Flash Professional产品的感觉。

另一方面,如果我以非常激烈的方式使用布局和动画师,我会经常依赖CS5而不是Flex。 CS5使他们能够以非常细粒度的控制来按照自己的意愿布置内容。

所以,我对这些网站的猜测:

  1. 可能是导入资产的Flex - 这种行为对于Flex组件来说非常典型。
  2. 再次使用Flex,但导入资产较少。这些图像具有“生成”的感觉,这使我相信它们是由计算机创建的,而不是由设计师创建的。
  3. 这个很难,但我猜它是高端的CS5 - 有大量集成良好的动画,虽然对于Flex来说并不难,但CS5更容易实现。重复的动画特别是CS5应用程序的典型特征 - 这些在CS5中非常容易......
  4. 嗯....我不知道。我实际上必须在AS2中做一些非常类似的事情(在CS5中......很奇怪,没有?),所以我认为这是我的猜测。如果您必须将x和y作为数字进行操作,则像素完美的蒙版放置很困难。
  5. 发生了什么(我的猜测):

    1. 可能有很多资产在此提前布置。它们将被放置在swc中并导入到Flex项目中,然后在运行时换出。其中一些资产可以根据不同的屏蔽技巧进行着色和显示 - 如果你知道你正在做什么,操作蛋糕上的主要和次要颜色对于ActionScript来说是很容易的。
    2. 我坚信所有这一切都是通过Flash通过代码操作图像的原生能力来完成的。
    3. 这些资产中的大部分都是提前布置的,或者我必须遇到这个家伙并握手,因为那只是令人印象深刻。
    4. 好吧,当我在CS5中执行此操作时,只是将资产添加到自定义图像失真库中,并且通过向其添加过滤器来完成颜色。
    5. 至于教程......我不知道在这种情况下会有什么帮助(这并不是说没有,我只是不知道它们)。遗憾。

      稍等一下,我发现很多时候Flex和CS5被视为完全独立的野兽。这是有道理的 - 他们有一些非常不同的范例。也就是说,程序员没有理由不知道在它们之间切换。

答案 7 :(得分:0)

Flash是构建(简单)动画的老东西,可以把它想象成一种创建图形元素和动画的方法。

Flex是开发人员的框架。您可以使用它开发应用程序。

软件开发人员肯定应该选择Flex,另一方面,可能会有一些点击工具用于为不想编程的人构建Flash动画。

您很难区分网站的构建方式,因为结果会被编译成二进制文件(在某些情况下,您可能会根据文件大小进行猜测)

答案 8 :(得分:0)

的Flex

我强烈建议您使用Flex,因为您需要一个清晰的跨平台,跨浏览器RIA(富Internet应用程序)解决方案。

我可以给你一些有用的理由..

1。即使Flex和Flash在后台共享一些常见方面,Flex也缺少Flash所具有的一些循环漏洞。使用Flex,您的网站设计和布局是100%安全的。

2。 Flex具有预定义的函数和类,使我们能够完美地读取或同步数据。这些预定义的函数和类将自动为我们工作,以便我们可以专注于动画和交互性。首先,尝试使用它,看看差异。就个人而言,我使用Adobe Flex作为创建RIA(富Internet应用程序)的工具。

3。我在flash中保留了一个真正的XML文件函数,并将其解析为下一个或上一个记录,我需要时传递此函数。现在,使用Flex,我们已经预定了在传递URL后可以工作的http类。

4。开发到Adobe Flex的RIA是跨浏览器和平台兼容性。在Flash播放器中开发了丰富的互联网应用程序.Flex播放器的实现使得Adobe Flash Player成为越来越多用户的机器。

5. Adob​​e Flex产品系列可帮助IT组织利用现有技能和基础架构,高效地提供各种RIA,从简单的营销应用程序扩展到任务关键型企业应用程序。

答案 9 :(得分:0)

您链接的第一个网站特别好 - 您可以告诉程序员将大量工作放入其中。

你之前有过Flash工作吗?我问的原因是因为它是一个完全不同的野兽 - 需要左右脑完全掌握。如果您刚刚开始并且想要建立一个类似于您链接的网站,那么我将推荐使用CS4的“纯”Flash(如果您能负担,则推荐5个)。原因是Flex(现在称为Flash Builder - 没有混淆哈哈),实际上是为了构建基于表单的网站。是的,您可以在那里构建其他Flash类型的动画,但它比使用Creative Studio更难(好)。

现在,您可能会发现您最终想要或需要使用Flex,但请相信我,您可以使用Creative Studio构建整个网页,并完成交互和复杂的导航。以下是一些可以帮助您完成任务的网站(这是一个很大的网站!):

第二个网站有很多关于你需要的东西的教程,比如如何构建菜单项和按钮,以及如何处理用户交互(鼠标移动,拖动,按键点击等)。您还需要了解ALOT的ActionScript。这是一个很好的参考:

很遗憾,您不能将HTML 5用于此项目。对学习Flash进行重大投资对我来说似乎是浪费时间。但希望所提供的链接可以帮助您完成此任务,如果您需要更多信息,请发表评论。