麻球开发者平台,麻球开发者大赛

只看楼主 楼主

艾睿会员有特权,登陆后广告自动屏障。
现在就花5秒钟免费注册!更有好礼相送!

iScrollBox控件-- 对传入控件的iphone式滚动 (iphone scroll panel)

和Albert讨论后做了下面的控件,相关连接: [讨论]如何实现iphone中拖拽并带加速度的滚动效果

控件名称 (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)


原文:http://www.flextheworld.com/?p=78
[本帖最后由 kevin.luo.sl 于 2009-01-02 21:09:43 编辑]

(您是游客)您没有权限查看附件

kevin.luo.sl的签名

评分

举报 使用道具 TOP

只看该用户 沙发!

传说中的IPHONE效果
AIR的签名
一起飞吧

评分

举报 使用道具 TOP

只看该用户 板凳

完成,源码给出
kevin.luo.sl的签名

评分

举报 使用道具 TOP

只看该用户 地板

很强大 IPHONE效果很帅
kingnare的签名
网站试运行中

评分

举报 使用道具 TOP

只看该用户 #4

谢谢,目前还没有实现的功能是当拖拽滚动到底的时候应该有个“缓冲”,滑出一部分再倒回来,另外一个bug是鼠标滑出控件时没有判断。 周末把这两样功能加上
kevin.luo.sl的签名

评分

举报 使用道具 TOP

只看该用户 #5

Image demo为例:
再加上一幅道路主干线的图,点击能定位放大为目前的图就离GOOGLE地图不远了.
期待你完善
(想不劳而获)
airflex的签名
http://www.cssflex.com/

评分

举报 使用道具 TOP

只看该用户 #6

实在是太强了..赞..
zhoubinlai的签名
我这一生只有两件事不会,这也不会,那也不会.

评分

举报 使用道具 TOP

只看该用户 #7

好,支持

评分

举报 使用道具 TOP

只看该用户 #8

谢谢大家支持,加上英文翻译,呵呵
kevin.luo.sl的签名

评分

举报 使用道具 TOP

只看该用户 #9

不错,很好很强大

评分

举报 使用道具 TOP

只看该用户 #10

真的很强大   要跟LZ学习哦

评分

举报 使用道具 TOP

只看该用户 #11

深深被吸引,谢谢lz

评分

举报 使用道具 TOP

只看该用户 #12

认真学习中!
zolyton的签名
专注于一些事情!

评分

举报 使用道具 TOP

只看该用户 #13

好很好强大
showzhangjun的签名

评分

举报 使用道具 TOP

只看该用户 #14

厉害厉害,,,
autumndawn的签名

评分

举报 使用道具 TOP

只看该用户 #15

很强大!
suius的签名
精通能让你了解真相!

评分

举报 使用道具 TOP

只看该用户 #16

谢谢楼主.楼主好帅呀,

评分

举报 使用道具 TOP

只看该用户 #17

赞一个,收下!关于楼主说的BUG可以这样简单的解决一下:
类构造函数中加上:

代码 复制 - 运行


this.addEventListener(MouseEvent.ROLL_OUT,rollOutHandle);

类中加上一个成员函数:

代码 复制 - 运行


protected function rollOutHandle(e:MouseEvent):void
{
     if(this.c_isMouseDown)
          mouseUpHandle(e);
}

评分

举报 使用道具 TOP

只看该用户 #18

非常酷,很多地方可以借鉴

评分

举报 使用道具 TOP

只看该用户 #19

学习下...

评分

举报 使用道具 TOP

只看该用户 #20

看看是怎么搞定的,谢谢了!学习了

评分

举报 使用道具 TOP

只看该用户 #21

狠好狠好,楼主要四加点注释就更好了
Andrea的签名
最好不相見,如此便可不相戀。
最好不相知,如此便可不相思。

评分

举报 使用道具 TOP

只看该用户 #22

顶了再说

评分

举报 使用道具 TOP

只看该用户 #23

下载前先感谢下,

评分

举报 使用道具 TOP

只看该用户 #24

很好很强大

评分

举报 使用道具 TOP

只看该用户 #25

其实就是一个字-“顶”!
haoqinghu的签名
大家互相学习!!!

评分

举报 使用道具 TOP

只看该用户 #26

谢谢了哦

评分

举报 使用道具 TOP
艾睿会员有特权,登陆后广告自动屏障。现在就花5秒钟免费注册!更有好礼相送!