Flex 4 beta中的视口和滚动功能介绍.docxVIP

Flex 4中的视口和滚动功能介绍必备知识熟悉ActionScript、Flex3和基本的2D图形概念，将有利于理解本文内容。用户级别中级必需产品Flash Builder?(下载试用版)实例下载Download:Viewport.fxpFlex 4提供了接口IViewport（被所有可滚动组件实现）和组件Scroller（为视口添加滚动条，实现交互时的功能）。这里所谓视口（viewport），即可滚动组件，要实现IViewport接口。交互式滚动，是所有图形用户界面（GUI）工具的基本特性之一。Flex 4之所以采用这种方法，是为了比Flex 3的实现更有效率，具体请参阅Spark与MX的比较。在List和TextArea等很多Flex组件中，Scroller和视口均是它们皮肤的一个组成部分，无需开发者考虑如何实现滚动功能。本文将介绍IViewport接口的工作原理，并提供一个简单的Scroller例子。如果你想知道如何创建自己的交互式滚动组件，或需深入理解Flex 4中滚动特性的工作原理，请阅读本文。滚动与视口概述GUI通过滚动，可以显示比用户屏幕空间更大的文档。在Spark（Flex 4新增的组件和皮肤架构）中，IViewport接口定义了用一个矩形小裁剪窗口（clippingwindow）每次滚动一定距离、逐步展示大文档的具体行为。这里所说“滚动”，是指改变与大文档关联的裁