不知道大家有沒有看過遊戲王,在使用卡片的時候,要把卡牌從背面翻成正面才會產生效果。這次找到的範例就是這樣。
記錄一下:
App Inventor學習記錄220-撲克牌水平翻轉、垂直翻轉動畫試作
這次範例的完成品如下。

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

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

全部的程式碼如上。

建立水平翻牌是否正面跟垂直翻牌是否正面這兩個變數,用來判斷牌是正面或反面。
建立最大寬度跟最大高度這兩個變數,這是用來取圖片的大小。
當程式初始化的時候,設定變數_最大寬度為圖像精靈的寬度,設定變數_最大高度為圖像精靈的高度。這樣子的設法,就會去抓素材圖片本來的大小。所以這裡就可以直接設定成數字。

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

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

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