flexlib介绍及快速入门

flexlib是一个开源的FLEX用户界面组件，使用与FLEX 2和FLEX 3版本. 
包括一下组件： 
AdvancedForm, Base64Image, EnhancedButtonSkin, CanvasButton, ConvertibleTreeList, Draggable Slider, Fire, Highlighter, HorizontalAxisDataSelector IconLoader, ImageMap, PromptingTextArea, PromptingTextInput, Scrollable Menu Controls, SuperTabNavigator, Alternative Scrolling Canvases, Horizontal Accordion, TreeGrid, FlowBox, Docking ToolBar, Flex Scheduling Framework 

在此查看每个组件的文档说明和实例。 
http://code.google.com/p/flexlib/wiki/ComponentList 

在此下载最新的flexlib-.2.4.z版本。 

快速入门： 
1：首先在上面的地址下载，并解压缩FLEXlib，在bin文件夹中得到flexlib.swc文件. 
2：打开FLEX新建一个FLEX功能，在新工程中创建一个lib文件夹，把刚才得到的flexlib.swc文件拖拽到lib文件夹. 
3: 在FLEX工程跟文件目录单击邮件--选择属性（properties） 
4: 在打开的窗口中的左边，选择Flex Build Path，然后选择Library Path面板, 单击Add SWC...按钮，输入lib，点击确定. 
4：打开默认MXML文件，在Application标签中添加命名空间属性xmlns:flexlib="http://code.google.com/p/flexlib/"

 

其中包含了一些笔者认为非常有用的组件类，摘取一些介绍给大家：

 

包: flexlib.controls

CanvasButton

这是一个类似于按钮的组件，它扩展自Button类，允许你在按钮内部使用其它的UI组件内容，比如一个独立的ICON图标和一个文本标签，以及任何你想嵌入的显示元素。使用这个组件你可以制作出“完全随心所欲”的按钮。

Fire

这是一个火焰组件，准确的说，它不是一个标准的常见的完成某项功能的组件，不过它真的非常酷，模仿火焰的效果也非常好，你可以把它作为一个滤镜，用在你的图片处理，或其它需要这个效果的地方。而且这个火焰的算法还不错，没有很消耗系统资源的感觉。

ImageMap

有过网络开发经验的朋友可能知道这个概念，就是网页HTML上也有一个对应的网络地图（ImageMap），它是用于给一个图片加上区域热点链接，通过定义 出不同的区域热点，将图片划分出若干个片段，每个区域响应独立的鼠标事件。同这个原理类似，这个组件库也提供了类似的组件，即ImageMap组件，通过 观看这个组件的示例（一个美国地图的概况），你会发现这个组件的潜在用途，它可以非常好的将一张图片分成若干部分，比如按照美国的州分布情况将美国地图分 离，这样就可以实现每个州都响应相应的点击事件。你也可以将这个组件用到你的项目中，实现只需要一张图片，就可以满足复杂的功能需求。

TreeGrid

这是一个包含Tree和DataGrid的整合型组件，它的整体外观是一个DataGrid组件，但仔细观察就会发现，它的左侧则是以Tree的形式来展现数据，这个特性非常类似于高级表格组件(AdvancedDataGrid)所实现的效果。

还有更多有趣的组件，有待读者自己发掘。