RollPage是通过两个按钮来实现一整页的上翻与下翻页效果，如果要实现通过一个拖杆来拖动翻页呢？那就需要DragRoll来帮忙了。
在窗口中我们常见到这样的应用：

再看看示例demo：



DragRoll跟RollPage的参数很相似，不愧是搭档。
DragRoll(target:Sprite,rollMc:Sprite,$vars:Object)

target:Sprite  : 拖杆对象
rollMc:Sprite ：需要被拖动的对象，把所有内容都放在这个容器中，如多个图片或者各分页内容
$vars:Object ：这个对象会接收五个参数,可以设置以下属性

pageNum:每页子对象数
totalNum:总子对象数
childWidth:子对象宽
childHeight:子对象高
childMargin:子对象边距

使用这个类的方法：
DragRoll类使用注意：
//所有的图片都在rollMc中，
//rollMc在别的容器中，必须保证rollMc的x,y坐标都为0

var dragObj:Object={pageNum:4,totalNum:14,childWidth:150,childHeight:125,childMargin:10};

//rollMc一定要在别的容器中，保证它的x,y坐标都为0
var dragBar:DragRoll=new DragRoll(bar,container.rollMc,dragObj);
addChild(dragBar);
dragBar.x=35;
dragBar.y=150;

//可以在barLine上点击定位拖杆到想要的位置
barLine.addEventListener(MouseEvent.CLICK,pickPosition);
barLine.buttonMode = true;
function pickPosition(e:MouseEvent):void {
dragBar.pickThumbBar(barLine.mouseX);
}

dragRoll示例与源代码下载

补充说明：
目前此类还不支持垂直拖放；
拖杆还不能动态改变长度。

• 2010年06月22日 -- 看看dragRoll与rollPage是如何搭档【ThumbRoll类】 (0)
• 2010年02月2日 -- 水平与垂直滚屏类RollPage (2)
• 2010年04月25日 -- 滚屏翻页类新版本rollPage2 (3)
• 2010年02月7日 -- 制作滚屏与翻页时分页加载的方法 (0)