在海一边

王大維的专栏

用户操作
[即时聊天] [发私信] [加为好友]
ddlaaID：ddlaa
共2397次访问，排名2万外，好友0人，关注者1人。
ddlaa的文章
原创 1 篇
翻译 0 篇
转载 0 篇
评论 4 篇
最近评论
freefly：很有用,谢谢
freefly：很有用,谢谢
skylan：谢谢分享
aizhuhui：学习了, 谢谢您!
文章分类
收藏
    相册
    存档
    软件项目交易
    订阅我的博客
    XML聚合  FeedSky
    订阅到鲜果
    订阅到Google
    订阅到抓虾
    订阅到BlogLines
    订阅到Yahoo
    订阅到GouGou
    订阅到飞鸽
    订阅到Rojo
    订阅到newsgator
    订阅到netvibes

    原创 flex中实现marquee效果（由下而上滚动）收藏

     | 

     

         最近做一个小项目需要用到这个效果，今天项目完成，将这个效果拿出与大家分享。原理其实就是使用一个Text（或者TextArea）控件，然后添加一个Move效果，使Text控件向上移动。其中关键的一点是：在creationComplete事件中获取控件高度，否则会出现高度误差偏大。源代码如下：

    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" 
        creationComplete    ="complete()">
            <mx:Script>
                <![CDATA[
                private function complete():void
                {
                    move_up.yFrom = cs.height - 6;    //"加6减6是为了首尾连接更加自然"
                    move_up.yTo = 0 - tt.height + 6;  //同上
                    move_up.repeatCount = 0; //无限次重复
                    move_up.repeatDelay = 0; //重复时间，毫秒
                    move_up.duration = 6000; //滚动一次的时间，毫秒
                    move_up.play();
                }
                
                private function move_pause():void
                {
                    move_up.pause();  //暂停
                }
                
                private function move_resume():void
                {
                    move_up.resume(); //从暂停位置开始
                }
                ]]>
            </mx:Script>
            <mx:Move id="move_up" target="{tt}" />
            <mx:Panel width="250" height="200" layout="absolute" title="公告栏" 
            fontSize    ="13" horizontalCenter="0" verticalCenter="0">
                <mx:Canvas id="cs" width="100%" height="100%" left="0" top="0" 
                verticalScrollPolicy    ="off" mouseOver="move_pause()" mouseOut="move_resume()">
                    <mx:Text id="tt" width="94%" horizontalCenter="0"
                    text    ="表面上看，文字由下向上滚动，其实是Text控件在滚动。" verticalCenter="0">
                    </mx:Text>
                </mx:Canvas>
            </mx:Panel>
    </mx:Application>

    发表于 @ 2007年06月02日 22:06:00|评论(loading...)|编辑

     | 

    评论

    #aizhuhui 发表于2008-03-26 14:25:40  IP: 124.78.255.*
    学习了, 谢谢您!
    #skylan 发表于2008-06-22 22:17:25  IP: 221.201.203.*
    谢谢分享
    #freefly 发表于2008-08-27 09:06:07  IP: 61.128.161.*
    很有用,谢谢
    #freefly 发表于2008-08-27 09:06:20  IP: 61.128.161.*
    很有用,谢谢
    发表评论  


    登录
    Csdn Blog version 3.1a
    Copyright © ddlaa