模仿HTML跑馬燈 Marquee

2021-08-25 13:32:54 字數 1410 閱讀 5376

模仿html的marquee元件,元件容器為group,和flex4中group使用無區別。

元件**:

package pizazz.flex4.component

/*** 每輪滾動之間的延遲時間,越大越慢

*/ public function set scrolldelay(value:number):void

/*** 一次滾動總的時間量,數字越小滾動越慢

*/ public function set scrollamount(value:number):void

/*** 滾動次數

*/ public function set loop(value:number):void

/*** 是否自動開始move

*/ public function set autostart(value:boolean):void

/*** 滑鼠滑過是否暫停

*/public function set ispause(value:boolean):void

public function marquee()});

}public function start():void

}override protected function createchildren():void

);_times = new timer(_scrolldelay, _loop);

_times.addeventlistener(timerevent.timer,

function(event:timerevent):void);}

override protected function partadded(partname:string,

instance:object):voidelse if(_direction == up || _direction == down)

if(_ispause)

);contentgroup.addeventlistener(mouseevent.roll_out,

function(event:mouseevent):void);}

}}private function play():voidelse if(_direction == left)else if(_direction == up)else if(_direction == down)

_moving.play();}}

}

pizazz.flex4.component.skin.marquee.marqueeskin.mxml

<?xml version="1.0" encoding="utf-8"?>

元件執行:

檢視:[img]

跑馬燈效果

cgrect frame labelshow.frame frame.origin.x 180 labelshow.frame frame uiview beginanimations testanimation context null uiview setanimationduration 8....

跑馬燈效果

一句話概括,平移再畫一次。textview 預設就支援跑馬燈效果,但需要設定一些東西,滿足一些條件。但我想知道它的原理。看這效果,就是平滑移動 textview 的內容,這不就是 mscrollx 幹的嗎,結合 valueanimator 很容易就實現了。難點在於,把文字的頭部重新從右邊開始畫出來。...

跑馬燈效果

android ellipsize marquee android marqueerepeatlimit marquee forever android singleline true 但是這樣子有乙個缺點,就是這種狀態的跑馬燈只能在textview處於焦點狀態的時候,它才會滾動,對於實際的開發應用...