使用Flex 4的定制化Sortable List元件

原文地址：

http://www.insideria.com/2009/09/custom-sortablelist-component.html

 

简介

最近，我决定尝试下Flex 4 SDK和Flash Builder 4的最新build。新的集成开发环境有非常之多的真正令人兴奋的新功能，可以为程序开发人员节约很多的时间。其中最令我激动的功能是全新的SDK里的那些新的Spark元件和皮肤能力。

今年过年前，我就已经通读了新的Spark元件体系结构的初稿，样式改变了,给组件添加皮肤变得很轻松。从那以后发生了很多变化，所以我决定重温下记忆，创建一个简单的元件，以检测下我的知识

让我们来看Sortable List可排序列表元件。

定制化元件

该元件拓展spark.components.List，并添加spark.components.Button作为所要求的皮肤部分，以排序列表条目。在标题声明上的元数据标[SkinPart(required="true")]意味着在相关联的皮肤文件里，必须声明特定的条目。

{ [SkinState("normal")] [SkinState("disabled")] public class SortableList extends List { private const SORT_ASCENDING:int = 0; private const SORT_DESCENDING:int = 1; private var _sorting:int = SORT_DESCENDING; private var _sort:Sort; private var _sortField:String; [SkinPart(required="true")] public var header:Button; }}

有两个方法需要被覆盖，一个是partAdded() ，另一个是partRemoved()。这两个方法在添加和移除皮肤部分时，会通知你。你就应该利用此机会将任何你需要的数据推入皮肤部分，然后与任意事件监听器自动关联。反之，当皮肤部分被移除时，则进行反向操作。