《Flash滚动条制作》由会员分享,可在线阅读,更多相关《Flash滚动条制作(11页珍藏版)》请在金锄头文库上搜索。
1、Flash滚动条制作滚动条制作石 磊Flash滚动条制作滚动条制作1.创建一个新的flash文档。2.新建一个【影片剪辑】,在里面写好文字,配上图片之类的东西。Flash滚动条制作滚动条制作3.把这个影片剪辑拖入场景中,起个实例名称“wenzi”Flash滚动条制作滚动条制作4.在“文字”层上,新建一层新建一层,起名“遮罩”。在这里,我们要制作遮罩。因为,要 用程序获取遮罩范围的高度。所以,这个遮罩层上放的一个矩形的【影片剪辑】,并命名为“area”。Flash滚动条制作滚动条制作需要说明的是,遮罩层矩形的顶部要跟遮罩层矩形的顶部要跟“文字文字”的顶部对齐。的顶部对齐。Flash滚动条制作滚动
2、条制作5.创建一个影片剪辑,起名“滚动条”。用来制作我们的滚动条。Flash滚动条制作滚动条制作6.在“滚动条”影片剪辑里绘制一根垂直的线条,用来表示滚动条拖动路径起点一定要在起点一定要在【注册中心注册中心】Flash滚动条制作滚动条制作7.在“滚动条”影片剪辑里,新建一层,新建一层,在这里放入一个矩形按钮,实例名称“s_btn”.按钮的顶部也要对准【注册中心】同时按钮跟线条的顶部也要【对齐】Flash滚动条制作滚动条制作8.在“滚动条”影片剪辑里,新建一层,新建一层,命名为as,添加代码s_btn.onPress=function()startDrag(this,false,0,0,0,18
3、7);/187是绘制的线条高度是绘制的线条高度s_btn.onRelease=function()stopDrag();s_btn.onReleaseOutside=function()stopDrag();Flash滚动条制作滚动条制作9.在【场景】中,新建一层。把“滚动条“拖入场景中,放在文字影片剪辑元件的旁边Flash滚动条制作滚动条制作10.选中滚动条影片剪辑,添加代码:完毕onClipEvent(load) var h=_root.wenzi._height-_root.area._height; / h 就是就是 wenzi元件应该滚动的距离元件应该滚动的距离 var firstY=_root.wenzi._y; / firstY 表示,表示,wenzi最开始的纵坐标最开始的纵坐标onClipEvent(enterFrame) _root.wenzi._y=firstY-h*this.s_btn._y/187;