欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

旋钮代替滚动条

更新时间: 2014-05-13 02:14:45 责任编辑: Author_N2

 

按钮代替滚动条
我想自定义一个组件,此组件继承mx.containers.Tile
为了效果,希望用向左,向右两个按钮来代替容器里的滚动条,每次点击时,Tile容器里的东西向左或向右滚动,不知道这个AS怎么写
对于问题有什么不明白的请留言
--参考方法--
给你个示例,如果想做成组件,自己封装下就可以。

<?xml version="1.0"?>
<!-- Simple example to demonstrate the Tile layout container. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:Script>
<![CDATA[
private static const UNIT_WIDTH:int = 65;

private function moveScoll(xIndex:int, yIndex:int):void
{
//tile.horizontalScrollPosition += xIndex*UNIT_WIDTH; 
tile.verticalScrollPosition += yIndex*UNIT_WIDTH; 
}
]]>
</mx:Script>

    <mx:Panel title="Tile Container Example" height="75%" width="75%" 
        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
<mx:HBox>
<mx:Button label="向上" click="moveScoll(0,-1)" />
<mx:Button label="向下" click="moveScoll(0,1)" />
</mx:HBox>

        <mx:Tile id="tile" direction="horizontal" borderStyle="inset" width="200" height="150"
                horizontalGap="10" verticalGap="15" 
                paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">

            <mx:Button label="1" height="50" width="75"/>
            <mx:Button label="2" height="50" width="75"/>
            <mx:Button label="3" height="50" width="75"/>
            <mx:Button label="4" height="50" width="75"/>
            <mx:Button label="5" height="50" width="75"/>
            <mx:Button label="6" height="50" width="75"/>
            <mx:Button label="11" height="50" width="75"/>
            <mx:Button label="12" height="50" width="75"/>
            <mx:Button label="13" height="50" width="75"/>
            <mx:Button label="14" height="50" width="75"/>
            <mx:Button label="15" height="50" width="75"/>
            <mx:Button label="16" height="50" width="75"/>

        </mx:Tile>

    </mx:Panel>
</mx:Application>

--参考方法--
LZ网名是不是"迷失浪迹"呀,哈哈~我以群里已经回答了你的这个问题了,我是Ready Lau
所以也给点分给我吧,哈
--参考方法--
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-05-13 02:14:45
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/140282/
本文WWW.DOC100.NET DOC100.NET版权所有。