iScrollBox控件-- 对传入控件的iphone式滚动 (iphone scroll panel) - 第1页 - FLEX开发交流 - 艾睿论坛 - Flex论坛、Flash Builder 4、 Flex教程、Flash Catalyst、Actionscript、RIA开发交流

版块导航 | 艾睿主页 | 睿志

注册新帐号

广告位招租

艾睿论坛 ›› FLEX开发交流 ›› iScrollBox控件-- 对传入控件的iphone式滚动 (iphone scroll panel)

返回列表 1 2 3

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

主题评级:

0
1 2 3 4 5

当前分数: 0, 查看评级用户, 阅读次数: 2724, 回复次数: 24

打印复制本帖地址

发表于: 2008-12-01 00:38:03 - IP:218.22.*.*

只看楼主大中小楼主

没事露一露，提高知名度——艾睿我看贴我回贴宣言(支持 / 反对)

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 编辑]

(您是游客)您没有权限查看附件,建议花30秒注册一个账户，正所谓一次注册终身受用。现在注册还送艾睿金币

kevin.luo.sl的签名: FLex the wrold

评分

举报使用道具 TOP

AIR (ID: 2) 头衔: 版主总积分: 2030 威望: 140 睿币: 1330元荣誉勋章: 0枚睿志: 0篇精华: 1 帖子: 95 注册时间: 2008-08-21 11:16:01 用户组: 精灵王,精灵,版主	发表于: 2008-12-01 00:53:21 - IP:218.22.. 只看该用户大中小沙发! 传说中的IPHONE效果
	AIR的签名一起飞吧评分举报使用道具 TOP

kevin.luo.sl (ID: 924) 2008-12-25 头衔: 版主总积分: 14251 威望: 1129 睿币: 8606元荣誉勋章: 0枚睿志: 1篇精华: 0 帖子: 937 注册时间: 2008-11-09 18:16:10 用户组: 光明使者,圣骑士,版主	发表于: 2008-12-01 22:57:49 - IP:218.22.. 只看该用户大中小板凳完成，源码给出
	kevin.luo.sl的签名 FLex the wrold 评分举报使用道具 TOP

kingnare (ID: 11) 头衔: 版主总积分: 6655 威望: 491 睿币: 4200元荣誉勋章: 0枚睿志: 0篇精华: 0 帖子: 394 注册时间: 2008-08-23 11:33:38 用户组: 风云使者,版主	发表于: 2008-12-02 08:58:03 - IP:218.22.. 只看该用户大中小地板很强大 IPHONE效果很帅
	kingnare的签名网站试运行中评分举报使用道具 TOP

kevin.luo.sl (ID: 924) 2008-12-25 头衔: 版主总积分: 14251 威望: 1129 睿币: 8606元荣誉勋章: 0枚睿志: 1篇精华: 0 帖子: 937 注册时间: 2008-11-09 18:16:10 用户组: 光明使者,圣骑士,版主	发表于: 2008-12-02 12:19:16 - IP:218.22.. 只看该用户大中小 #4 谢谢，目前还没有实现的功能是当拖拽滚动到底的时候应该有个“缓冲”，滑出一部分再倒回来，另外一个bug是鼠标滑出控件时没有判断。周末把这两样功能加上
	kevin.luo.sl的签名 FLex the wrold 评分举报使用道具 TOP

airflex (ID: 1348) http://www.cssflex.com/ 2008-11-22 头衔: 光明使者总积分: 13705 威望: 1078 睿币: 8315元荣誉勋章: 0枚睿志: 0篇精华: 1 帖子: 604 注册时间: 2008-11-22 17:31:49 用户组: 光明使者,风云使者	发表于: 2008-12-02 12:33:54 - IP:218.22.. 只看该用户大中小 #5 Image demo为例: 再加上一幅道路主干线的图,点击能定位放大为目前的图就离GOOGLE地图不远了. 期待你完善 (想不劳而获)
	airflex的签名 http://www.cssflex.com/ 评分举报使用道具 TOP

zhoubinlai (ID: 1937) 头衔: 侠客总积分: 170 威望: 19 睿币: 75元荣誉勋章: 0枚睿志: 0篇精华: 0 帖子: 18 注册时间: 2008-12-08 16:19:05 用户组: 侠客,新手上路	发表于: 2008-12-26 11:07:34 - IP:218.22.. 只看该用户大中小 #6 实在是太强了..赞..
	zhoubinlai的签名我这一生只有两件事不会，这也不会，那也不会. 评分举报使用道具 TOP

jiajian22 (ID: 3231) 头衔: 侠客总积分: 108 威望: 16 睿币: 28元荣誉勋章: 0枚睿志: 0篇精华: 0 帖子: 16 注册时间: 2008-12-26 10:36:18 用户组: 侠客,新手上路	发表于: 2008-12-26 17:29:59 - IP:218.22.. 只看该用户大中小 #7 好，支持
	评分举报使用道具 TOP

kevin.luo.sl (ID: 924) 2008-12-25 头衔: 版主总积分: 14251 威望: 1129 睿币: 8606元荣誉勋章: 0枚睿志: 1篇精华: 0 帖子: 937 注册时间: 2008-11-09 18:16:10 用户组: 光明使者,圣骑士,版主	发表于: 2008-12-27 11:36:41 - IP:218.22.. 只看该用户大中小 #8 谢谢大家支持，加上英文翻译，呵呵
	kevin.luo.sl的签名 FLex the wrold 评分举报使用道具 TOP

dadlong (ID: 3572) 1975-04-15 头衔: 新手上路总积分: 35 威望: 4 睿币: 15元荣誉勋章: 0枚睿志: 0篇精华: 0 帖子: 4 注册时间: 2009-01-04 11:17:09 用户组: 新手上路,新手上路	发表于: 2009-01-05 14:25:19 - IP:218.22.. 只看该用户大中小 #9 不错，很好很强大
	评分举报使用道具 TOP

返回列表 1 2 3

艾睿论坛 ›› FLEX开发交流 ›› iScrollBox控件-- 对传入控件的iphone式滚动 (iphone scroll panel)

Powered by bbsmax 4.2 2002-2010 Max Labs.
Processed in 0.0641873 second(s),2 Queries. GMT 8, 2010-03-15 23:42:34 皖ICP备08007447号

对网上交易提高警惕，谨防受骗！

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

富IT技术业界

RIA技术交流

前端交互与设计

RIA试验田(beta)

资源分享

艾睿论坛