Flex the world

Flex, AIR and Things......

控件名称 (Component Name): iScrollBox.as
作用 (Description):对放入的控件实现iphone式的滚动条 (A panel with iphone scroll style)
接口 (apis):

var iphoneList:iScrollBox= newiScrollBox(displayObject, speed); //创建iList对象时传入要实现滚动的对象,以及设定滚动速度。

iList.displayObj; //返回传入的对象

Demo: List, Image



List Demo

1. 以拖拽方式滚动list.(Drag to scroll the list)
2. 快速拖拽后放手,会根据拖拽的速度继续向拖拽方向滚动一段时间。慢慢滚动不会引发额外移动。(The list will scroll like iphone when you draging and release the mouse)
3. 滚动时点击item会停止滚动。(click item to stop scroll immediately)

Note: 现在有个bug,拖拽滚动时不能将鼠标划出List。(There is a bug that you can not let mouse out of list when dragging)


Image demo

1. 这个demo模拟地图的移动,试试上下左右拖拽(Just try to drag the "map")
2. 快速拖拽后放手,会根据拖拽的速度继续向拖拽方向滚动一段时间。慢慢滚动不会引发额外移动
3. 滚动时点击item会停止滚动。



附件里面是demo和iScrollBox.as (Attached demo and source codes)

0 评论:

发表评论