App Inventor學習記錄148-28種載入動畫特效的外掛~AvLoader

AvLoader這個外掛提供了 28種的載入動畫特效


這次範例的完成品如下。

從清單顯示器中,選擇動畫之後,就會在上方的水平配置中,顯示動畫特效的效果。


畫面編排的部份如下。

最上方的按鈕,目前沒有用到。
horizontal arrangement水平配置 1是用來套用這一個外掛的顯示效果。高度設定在 20%。
listview,清單顯示器是用來顯示這個外掛全部可以用的特效。


when screen 1.initialize,當程式初始化的時候。
set listview 1.element to call avloaer 1.indicatorslist,設定清單顯示器的元素為,avloader這個外掛程式所有支援的動畫特效清單。

從 listview中選擇要套用的效果之後,就會顯示該載入特效的效果。


when listview.after picking,選擇了清單選擇器的項目之後。
call avloader.avloader,呼叫外掛中設定動畫特效的程式。
arrangement參數,這裡放要套用到那一個水平配置。
indicator id參數,這裡放要用那一個特效的效果。可以放的是數字 1~28,代表了 1~28種的特效效果。這裡是從清單選擇器中選擇,所以放的是 listview 1.selection index,清單選擇器選中項的索引。
color參數,動畫物件的顏色。
bgcolor參數,動畫背景的顏色。

call avloader 1.show,設定完成之後,還要呼叫外程中讓動畫顯示的程式才行。


這次的 aia檔的下載連結如下:
NO_148_Load_animate.aia

APP INVENTOR外掛
名稱:AvLoader
外掛來源:community.kodular.io
外掛載點:
https://community.kodular.io/t/avloader-extension-free-by-avmcreators/82797?u=taifun

參考書籍請見博客來書籍介紹頁面:
手機應用程式設計超簡單 App Inventor 2零基礎入門班
TQC+ 創意App程式設計認證指南
TQC+創意App程式設計認證指南解題秘笈
手機應用程式設計超簡單:App Inventor 2初學特訓班
手機應用程式設計超簡單:App Inventor 2小專題特訓班
手機應用程式設計超簡單:App Inventor 2資料庫專題特訓班

之前介紹過的一些 appinventor的使用記錄,都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面

發表迴響