一個Loading樣式

來源:互聯網
上載者:User

抽空做了一個現在比較常見的loading效果,可以在它的中間或下面顯示動畫載入進度百分比。
這個效果製作很簡單,需要做的只是建立一個圓(圖形元件)的透明漸層的MovieClip元件(下面稱circle_ani),然後用一個多邊形作為引導層對象,從庫中拖出circle_ani附加到各個角,最後設定每個circle_ani的開始播放點就可以了。
MovieClip——circle_ani


1—8幀為圖形圓的Alpha從100%-0%的漸層,第9幀為空白主要畫面格,動作為
gotoAndPlay(1);

主情境:

引導層
選擇多邊形工具

多邊形工具選項設定邊數:

畫好的引導層:

main層
從庫中拖出MovieClip元件進行緊貼附加

庫(F11)

設計完成

Actions

為各circle_ani的MovieClip執行個體命名
c1_mc to c8_mc
然後在第一幀設定動作,確定各circle_ani執行個體初始播放點(幀):

for (var i=2; i<=8; i++) {
 this["c"+i+"_mc"].gotoAndPlay(i);
}

(描述環境Flash MX2004,FlashMX也可以做到,就引導層用兩個正方形組成8邊形實現八角)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.