简明现代魔法 -> Flex/ActionScript/AIR -> Flex公告栏制作

Flex公告栏制作

2009-10-06

效果演示

程序代码

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" 
    creationComplete="complete()" width="270" height="220" backgroundColor="green">
    <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>
随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们