flex 簡單跑馬燈效果（豎著顯示）

<

mx:move 
id="move_area"
target=""
/>
//move效果，模擬跑馬燈
<
s:bordercontainer   
bordervisible
="false"
height
="80"
>
<
s:bordercontainer 
id="border_area"
top="15"
height
="100%"
bordervisible
="false"
>
<
s:layout
>
//flex4的layout還是很好用的，沒那麼麻煩
<
s:verticallayout 
paddingbottom
="0"
paddingleft
="0"
paddingright
="0"
paddingtop
="0"
gap="0"
clipandenablescrolling
="true"
>
//clipandenablescrolling必須為true否則內容會跑出範圍
s:verticallayout
>
s:layout
>
<
mx:vbox 
id="vbox_areawarning"
x="0"
mouseover
="vbox_areawarning_mouseoverhandler(event)"
mouseout
="vbox_areawarning_mouseouthandler(event)"
>
//把跑馬燈的內容放進vbox裡，尤其適合多條記錄同時滾動的效果 
mx:vbox
>
s:bordercontainer
>
<
s:label 
x="10"
y="0"
fontfamily
="宋體"
fontweight
="bold"
text
="【區域告警】"
/>
s:bordercontainer
>

這裡畫出乙個bordercontainer，在裡面做跑馬燈效果

move_area.yfrom =border_area.height;    

move_area.yto =  -x.length*15;   //
如果動態載入內容，推薦根據記錄條數去算y移動到的位置，vbox的高度是算不出來的，靜態的直接用高度吧
move_area.repeatcount = 0; //
loop 
move_area.repeatdelay = 0; //
loop time 
move_area.duration = 6000; //
the time of scroll once 
move_area.play();
必須為move_area新增以上屬性用以迴圈
//mouseover時停止滾動
protected 
function vbox_areawarning_mouseoverhandler(event:mouseevent):void //
mouseout時從停止的地方繼續
protected function vbox_areawarning_mouseouthandler(event:mouseevent):void

Flex之跑馬燈效果

首先申明 xmlns s library xmlns mx library xmlns halo library xmlns flexiframe1 com.google.code.flexiframe.資訊滾動顯示 跑馬燈控制項 version 修改版本 1.0.0 修改日期 2009 1 15 ...

Flex 「跑馬燈」效果（自定義「跑馬燈」控制項）

自定義類 broadcastmarquee.as package marquee 初始化 private function initbroadcast void 如果有新的廣播訊息,或者長度改變進行滾動顯示 private function scrollbroadtext void 控制滾動資訊 p...

跑馬燈效果

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