你需要禁用容器的垂直滚动条并且在某个组件上创建一个用户可以通过鼠标滑过来控制滚
动的区域。
使用horizontalScrollPolicy、verticalScrollPolicy 和verticalScrollPosition 属性。
我们可以通过horizontalScrollPolicy 和verticalScrollPolicy 属性控制滚动条。如果
要使其中一个或全部滚动条始终显示,则将其中一个或全部设置成”on”,反之亦然。
而”auto”值则导致滚动条仅在容器的实际测量尺寸大于width 或height 指定的值时出
现。例如,将horizontalScrollPolicy 设置为”auto”则意味着当容器的宽度超过width
属性的值时出现滚动条。
要滚动一个组件,使用horizontalScrollPosition 和verticalScrollPosition 属性。通过
这两个属性,我们可以设定组件内容的可视部分往右下角滚动多远的距离。例如:
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" width="600"
height="200" horizontalScrollPolicy="auto"
verticalScrollPolicy="off" mouseMove="autoScroll(event)">
<mx:Script>
<![CDATA[
private var hasAddedScroll:Boolean = false;
private function autoScroll(event:MouseEvent):void
{
if(mouseX > width - 50 && !hasAddedScroll)
{
addEventListener(Event.ENTER_FRAME, scrollRight);
hasAddedScroll = true;
}e
else if(mouseX < 50 && !hasAddedScroll)
{
addEventListener(Event.ENTER_FRAME, scrollLeft);
hasAddedScroll = true;
}e
else
{
removeEventListener(Event.ENTER_FRAME,
scrollRight);
removeEventListener(Event.ENTER_FRAME,
scrollLeft);
hasAddedScroll = false;
}
}
private function scrollRight(event:Event):void
{
if(horizontalScrollPosition <
maxHorizontalScrollPosition)
{
horizontalScrollPosition+=4;
}e
else
{
removeEventListener(Event.ENTER_FRAME,
scrollRight);
hasAddedScroll = false;
}
}
private function scrollLeft(event:Event):void
{
if(horizontalScrollPosition > 0)
{
horizontalScrollPosition-=4;
}e
else
{
removeEventListener(Event.ENTER_FRAME,
scrollLeft);
hasAddedScroll = false;
}
}
]]>
</mx:Script>
<mx:Image source="@Embed('assets/image.png')"/>
<mx:Image source="@Embed('assets/image.png')"/>
<mx:Image source="@Embed('assets/image.png')"/>
<mx:Image source="@Embed('assets/image.png')"/>
<mx:Image source="@Embed('assets/image.png')"/>
</mx:HBox>
分享到:
相关推荐
Flex学习笔记Flex学习笔记Flex学习笔记Flex学习笔记Flex学习笔记
这是作者自己亲自编写的教程,里面包含的有图解教程,各式jar,及配置文件,全部包含在内,如果你是一个决定学习flex初学者,我敢保证它肯定适合你!带上你走上flex开发旅途!
flex学习笔记 flex学习笔记 flex学习笔记 flex学习笔记 flex学习笔记 flex学习笔记
最近开始学习Flex,其中用到了AS,AS2到AS3发生了很大的变化,完全的面向对象,知道这个特点以后我也一直没有特意的好好去学学AS3,但是随着最近学习的深入,还是有必要学习一下
flex学习资料flex学习资料flex学习资料
flex学习记录flex学习记录flex学习记录flex学习记录flex学习记录flex学习记录
flex三种实现滚动条方式,其实是两种,样式的以两种表现形式写出了。然后,自定了一个滚动条
Flex学习笔记1
flex获得html容器传递的url参数值
flex 学习笔记 初学flex的朋友 可以下载了看看 老鸟直接飘过。。。
flex 学习文档 Flex 3 Cookbook pdf Flex 3 Cookbook源码
flex学习资料flex学习资料flex学习资料flex学习资料flex学习资料flex学习资料flex学习资料flex学习资料
Flex中不用ScrollBar实现滚动效果
Flex学习笔记(flex必知必会).docFlex学习笔记(flex必知必会).doc
flex学习步骤flex学习步骤flex学习步骤flex学习步骤
FLEX连续向左滚动字幕,可用于作公告栏展示。
Flex_布局与容器 部分容器的介绍和例程。
NULL 博文链接:https://z-one.iteye.com/blog/609269
flex实现的如何删除子容器代码,对于实际开发是有很大帮助的
flex学习笔记,刚刚入门的可以看一下,有什么问题可以和我联系,谢谢