App inventor 2_刮刮卡

前面做了一個圖片刮刮樂，可以刮除整張卡片而看到後面的圖片，

接著，就想到能否用這個效果來做一個類似刮刮卡的功能。和前面

不同的地方是要設好幾個刮除區域讓人可以刮，也就是要設多個畫

布元件剛好遮住金額區域。

首先，準備一張設計好獎金金額和刮除金額的圖片，並將它設為

Screen1的背景圖案，然後加入多個畫布元件，並配合水平布局，

將畫布元布排列好，利用高度及寬度像素設定，讓它能剛好遮住

金額區域，調整這些畫布的元件位置是最傷腦筋的地方，要不斷

調整、測試，才勉強成功。

至於程式部份，和圖片刮刮樂差不多，只是要多複製幾個畫布元件

程式。

設計畫面：

























元件清單：


程式碼：




完成圖：