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

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

艾睿会员有特权，登陆后广告自动屏障。
现在就花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的签名: FLex the wrold

"参与麻球开发者大赛"最高10万奖金 Adobe Flash平台"开发团队纪念奖" 升级到Flash Builder 4 最终版

评分

举报使用道具 TOP

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

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

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

kevin.luo.sl (ID: 924) 1753-12-25 头衔: 版主总积分: 15385 威望: 1204 睿币: 9365元荣誉勋章: 0枚睿志: 1篇精华: 0 帖子: 1000 注册时间: 2008-11-09 18:16:10 用户组: 6级,圣骑士,版主	发表于: 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 头衔: 5级总积分: 9203 威望: 137 睿币: 8518元荣誉勋章: 0枚睿志: 0篇精华: 1 帖子: 644 注册时间: 2008-11-22 17:31:49 用户组: 5级,风云使者	发表于: 2008-12-02 12:33:54 - IP:218.22.. 只看该用户大中小 #5 Image demo为例: 再加上一幅道路主干线的图,点击能定位放大为目前的图就离GOOGLE地图不远了. 期待你完善 (想不劳而获)
	airflex的签名 http://www.cssflex.com/ 评分举报使用道具 TOP

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

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

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

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

273289658 (ID: 4227) 头衔: 4级总积分: 1567 威望: 173 睿币: 702元荣誉勋章: 0枚睿志: 0篇精华: 0 帖子: 171 注册时间: 2009-01-17 00:04:03 用户组: 4级,精灵	发表于: 2009-02-22 18:38:02 - IP:218.22.. 只看该用户大中小 #10 真的很强大要跟LZ学习哦
	评分举报使用道具 TOP

zs224 (ID: 1804) 头衔: 1级总积分: 187 威望: 26 睿币: 57元荣誉勋章: 0枚睿志: 0篇精华: 0 帖子: 26 注册时间: 2008-12-04 14:54:37 用户组: 1级,新手上路	发表于: 2009-02-23 14:03:42 - IP:218.22.. 只看该用户大中小 #11 深深被吸引，谢谢lz
	评分举报使用道具 TOP

zolyton (ID: 5737) 不断的学习，才能让人热血沸腾！ 1985-12-22 头衔: 2级总积分: 369 威望: 38 睿币: 179元荣誉勋章: 0枚睿志: 0篇精华: 0 帖子: 32 注册时间: 2009-02-23 16:23:20 用户组: 2级,圣骑士	发表于: 2009-02-23 16:55:12 - IP:218.22.. 只看该用户大中小 #12 认真学习中！
	zolyton的签名专注于一些事情！评分举报使用道具 TOP

showzhangjun (ID: 6424) 学习 1982-10-01 头衔: 0级新手总积分: 62 威望: 8 睿币: 22元荣誉勋章: 0枚睿志: 0篇精华: 0 帖子: 8 注册时间: 2009-03-06 15:55:38 用户组: 0级新手,新手上路	发表于: 2009-03-06 17:20:10 - IP:218.22.. 只看该用户大中小 #13 好很好强大
	showzhangjun的签名评分举报使用道具 TOP

autumndawn (ID: 3477) 头衔: 4级总积分: 3298 威望: 223 睿币: 2183元荣誉勋章: 0枚睿志: 1篇精华: 0 帖子: 155 注册时间: 2008-12-31 20:12:14 用户组: 4级,精灵	发表于: 2009-03-06 21:53:33 - IP:218.22.. 只看该用户大中小 #14 厉害厉害，，，
	autumndawn的签名评分举报使用道具 TOP

suius (ID: 5822) 现在开始学着精通... 1985-09-18 头衔: 4级总积分: 2947 威望: 286 睿币: 1517元荣誉勋章: 0枚睿志: 0篇精华: 0 帖子: 263 注册时间: 2009-02-24 17:23:08 用户组: 4级,精灵王	发表于: 2009-03-07 13:27:10 - IP:218.22.. 只看该用户大中小 #15 很强大!
	suius的签名精通能让你了解真相! 评分举报使用道具 TOP

aji2008 (ID: 8007) 头衔: 3级总积分: 823 威望: 98 睿币: 333元荣誉勋章: 0枚睿志: 0篇精华: 0 帖子: 98 注册时间: 2009-04-11 10:49:05 用户组: 3级,圣骑士	发表于: 2009-04-11 11:21:53 - IP:218.22.. 只看该用户大中小 #16 谢谢楼主.楼主好帅呀,
	评分举报使用道具 TOP

发表于: 2009-05-28 05:11:43 - IP:218.22.*.*

只看该用户大中小 #17

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

代码复制 - 运行


this.addEventListener(MouseEvent.ROLL_OUT,rollOutHandle);

类中加上一个成员函数：

代码复制 - 运行


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

评分

举报使用道具 TOP

fishouter (ID: 13008) 头衔: 4级总积分: 1936 威望: 71 睿币: 1581元荣誉勋章: 0枚睿志: 0篇精华: 0 帖子: 25 注册时间: 2009-08-19 14:40:21 用户组: 4级	发表于: 2009-10-04 15:00:23 - IP:117.63.. 只看该用户大中小 #18 非常酷，很多地方可以借鉴
	评分举报使用道具 TOP

sylarhuang (ID: 13497) 1900-01-01 头衔: 0级新手总积分: 35 威望: 3 睿币: 20元荣誉勋章: 0枚睿志: 0篇精华: 0 帖子: 3 注册时间: 2009-08-31 12:16:51 用户组: 0级新手	发表于: 2009-10-10 12:50:39 - IP:58.251.. 只看该用户大中小 #19 学习下...
	评分举报使用道具 TOP

bkraunch (ID: 74970) 1900-01-01 头衔: 0级新手总积分: 15 威望: 1 睿币: 10元荣誉勋章: 0枚睿志: 0篇精华: 0 帖子: 1 注册时间: 2009-10-15 16:30:22 用户组: 0级新手	发表于: 2009-10-15 16:35:38 - IP:218.94.. 只看该用户大中小 #20 看看是怎么搞定的，谢谢了！学习了
	评分举报使用道具 TOP

Andrea (ID: 6432) 追忆陈百强的经典 1986-12-27 头衔: 3级总积分: 895 威望: 110 睿币: 345元荣誉勋章: 0枚睿志: 0篇精华: 0 帖子: 62 注册时间: 2009-03-06 19:23:36 用户组: 3级,圣骑士	发表于: 2009-11-14 22:09:24 - IP:124.108.. 只看该用户大中小 #21 狠好狠好，楼主要四加点注释就更好了
	Andrea的签名最好不相見，如此便可不相戀。最好不相知，如此便可不相思。评分举报使用道具 TOP

yyong (ID: 77986) 1900-01-01 头衔: 1级总积分: 161 威望: 21 睿币: 56元荣誉勋章: 0枚睿志: 0篇精华: 0 帖子: 21 注册时间: 2009-12-23 09:31:43 用户组: 1级	发表于: 2009-12-23 10:22:36 - IP:219.138.. 只看该用户大中小 #22 顶了再说
	评分举报使用道具 TOP

libo591 (ID: 80376) 1984-07-05 头衔: 1级总积分: 117 威望: 15 睿币: 42元荣誉勋章: 0枚睿志: 0篇精华: 0 帖子: 15 注册时间: 2010-01-27 20:41:56 用户组: 1级	发表于: 2010-01-27 21:44:32 - IP:123.120.. 只看该用户大中小 #23 下载前先感谢下，
	评分举报使用道具 TOP

xyschenhua (ID: 81905) 1900-01-01 头衔: 3级总积分: 871 威望: 102 睿币: 361元荣誉勋章: 0枚睿志: 0篇精华: 0 帖子: 102 注册时间: 2010-02-25 10:30:34 用户组: 3级	发表于: 2010-02-25 13:34:05 - IP:222.70.. 只看该用户大中小 #24 很好很强大
	评分举报使用道具 TOP

haoqinghu (ID: 83952) 1986-11-29 头衔: 1级总积分: 190 威望: 15 睿币: 115元荣誉勋章: 0枚睿志: 0篇精华: 0 帖子: 9 注册时间: 2010-03-26 09:43:59 用户组: 1级	发表于: 2010-03-26 10:12:52 - IP:221.239.. 只看该用户大中小 #25 其实就是一个字-“顶”！
	haoqinghu的签名大家互相学习！！！评分举报使用道具 TOP

cylove007 (ID: 85778) 1900-01-01 头衔: 3级总积分: 1111 威望: 48 睿币: 871元荣誉勋章: 0枚睿志: 0篇精华: 0 帖子: 12 注册时间: 2010-04-10 20:37:28 用户组: 3级	发表于: 2010-05-05 15:39:06 - IP:61.186.. 只看该用户大中小 #26 谢谢了哦
	评分举报使用道具 TOP

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

RIA业界

Adobe RIA开发

RIA应用综合讨论区

Microsoft RIA技术专区

更多RIA技术交流

前端交互与设计

资源分享

艾睿论坛