App Inventor學習記錄220-撲克牌水平翻轉、垂直翻轉動畫試作

不知道大家有沒有看過遊戲王,在使用卡片的時候,要把卡牌從背面翻成正面才會產生效果。這次找到的範例就是這樣。

記錄一下:
App Inventor學習記錄220-撲克牌水平翻轉、垂直翻轉動畫試作


這次範例的完成品如下。

這是利用計時器和調整圖片大小做出來的。
這個範例我是在論壇中找到的


畫面配置的部份就是畫布元件加上 2個圖像精靈,還有 2個計時器。


全部的程式碼如上。


建立水平翻牌是否正面跟垂直翻牌是否正面這兩個變數,用來判斷牌是正面或反面。
建立最大寬度跟最大高度這兩個變數,這是用來取圖片的大小。

當程式初始化的時候,設定變數_最大寬度為圖像精靈的寬度,設定變數_最大高度為圖像精靈的高度。這樣子的設法,就會去抓素材圖片本來的大小。所以這裡就可以直接設定成數字。


當水平翻轉圖像精靈跟垂直翻牌圖像精靈被點擊的時候,分別把計時器 1跟計時器 2啟動。


計時器的計時間隔設定為 33,這樣看起來就會挺流暢的。
其它的做法請參考如上。


垂直翻轉的部份也是相同的。

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

發佈留言