首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

flexlib引见及快速入门

2012-11-25 
flexlib介绍及快速入门flexlib是一个开源的FLEX用户界面组件,使用与FLEX 2和FLEX 3版本. 包括一下组件: Ad

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)所实现的效果。

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

?

热点排行