探索Flex和CSS的强大功能

探索Flex和CSS的强大功能2010-11-23 IBM Dan OrlandoFlex 最为强大的特性之一是其包含的极大的设计灵活性。这些灵活性大部分可归功于 Adobe 用 Flex 实现 CSS。以我为例，我最近为一个新的 Adobe AIR™ 应用程序担任高级 UI 设计员，在我向全球 160,000 个用户正式发布第一个公开发布版的若干天前，我收到了大量设计更改请求。虽然很多开发人员都会将这些最后一分钟的请求看作是让人头痛的事，我却能在不足 20 分钟内完成这些更改并将其放入版本控制，而这完全得益于 Flex 和 CSS 的强大功能。

常用缩略语

UI：用户界面

W3C：World Wide Web Consortium

我将 CSS 与 Flex 的使用看作是 UI 开发内的一种利用形式。通过我在 UI 开发中积累的经验，我已经学会了为一些必然性做预期和准备。其中一个必然性是不管您在之前做了什么样的计划，项目的设计与功能需求都会在整个开发周期内随时发生变化。这是基于团队环境做大规模应用程序时的游戏规则，要在游戏中取胜，最好的方法就是预先判断出所有玩家的动向，然后再提前相应做好自己的定位。学会了灵活使用这个开发技巧后，您就可以立于不败之地，那时再去击打一个移动目标就变得轻松多了。Flex 的性能，比如与 CSS 的集成，恰巧可以让您这么做，正是因为这一点，我才迷上了用 Flex 进行开发。

我的目标是在您读完本文后，您也能够通过 Flex 去充分利用 CSS 的强大功能，并能作为一名精通 Flex UI 的开发者战无不胜。如果您已经是一个 Flex 爱好者，那么我希望您能通过本文学会新的通过 Flex 使用 CSS 的技巧 — 特别是对于企业级应用程序。

为何要使用 CSS？

大多数面向对象的设计模式都将设计逻辑与行为功能分离开来。由于 Adobe ActionScript™ 是一种面向对象的语言，因此它也就自然而然地要遵守这些面向对象的编程（OOP）约定。这么做的好处包括灵活性、保持应用程序易于维护、代码重用和更好的性能。

在 Web 设计界，CSS 是一种标准，用来封装组成 Web 站点的代码。考虑到 CSS 的功能和成熟性，很多有经验的 Web 设计人员都力求用 CSS 实现 Web 站点的设计和布局属性。其结果是可以获得对站点观感的更多的控制和更好的灵活性。CSS 在三、四年前就已经十分流行，那时候 Web 开发人员开始意识到如果 Web 站点的设计能够独立于该站点的行为功能，那么站点的设计在不破坏或者不会对该站点的行为代码产生负面影响的同时，可以很容易地被修改。这也推动了模板的迅速发展、对相同代码库的皮肤设置以及重新进行皮肤设置。比如，我热衷于为我的博客网站使用 WordPress。有成千上万的人都在使用相同的开源代码库来支撑其博客站点，而很多时候，您遇到的站点都是构建在 WordPress 之上的，而您却往往察觉不到这一点，这完全得益于其通过使用 CSS 对代码和设计进行的成功分离。