App Inventor學習記錄216-利用元件切換,達到做簡單動畫的效果~FlipperView

一般來說,我們就是利用計時器來做切換圖片,達到做簡單動畫的效果。這個外掛比較特別,是用元件切換的方式來做。混搭也是可以。

記錄一下:
App Inventor學習記錄216-利用元件切換,達到做簡單動畫的效果~FlipperView


這次範例的完成效果如下。

大家從上面的 gif檔可以看的出來,這次動畫不是單純的用一個圖片元件做切換,而是圖片按鈕元件在切換。是的,這個外掛可以多種不同元件混搭在一塊。


畫面編排如上。


call flipperview.createflipper,呼叫外掛中建立動畫的方塊。
container參數,放要顯示動畫的垂直配置或水平配置。

call flipperview.addview,呼叫外掛中,加入元件的方塊。
view參數,放的是要加入的元件。

我這裡試了標籤、按鈕和圖片元件,使用上是沒有問題的。

call flipperview.current view index,這個方塊取得的值是加入動畫的順序值。


在屬性這裡也可以調整時間。

好的,全部的程式方塊都簡單說明過了,建議大家試著做一次,就會用的越來越熟。
但如果不想要重新拉程式方塊,或要需要範例 aia檔的話,請前往第 2頁哦!

發佈留言