記錄一下:
App Inventor學習記錄204-2-刮刮樂第 3版,搭配RelativeView外掛製作
這次範例的完成品如下。
刮開層的方法請參考:刮刮樂,用小畫家的橡皮檫功能做的
把畫布疊到 9個圖片上的方法請參考:圖層、覆蓋層外掛~RelativeView
背景的放了 9個圖片元件,每次重新啟動的時候,就會隨機的更新圖片。
畫面編排的部份如下。
實際畫面跟畫面編排元件的順序有不同,這是這次的外掛所達成的效果。
請參考上一篇說明:圖層、覆蓋層外掛~RelativeView
有用到的元件就是圖片和畫布。
全部的程式方塊記錄。
第 1部份的程式方塊記錄。
按鈕先建一個群組,等一下用任意元件來設定的圖片元件要套用那一個圖片會比較快。
第 2部份的程式方塊記錄。
建立遮照程式。
在這個程式中,我們畫一個灰色的實心大圓在畫布上。
請參考:刮刮樂,用小畫家的橡皮檫功能做的說明。
第 3部份的程式方塊記錄。
建立圖片隨機程式。
在這個程式中,我們用 for each item is list方塊,把圖片這個清單中的每一個項次的圖片,用任意元件中的 set image picture方塊,把圖片設定成 1.png~9.png的隨機圖片。
第 4部份的程式方塊記錄。
when screen1.initialize,當程式初始化的時候。
因為我們要把 canvas畫布完全的蓋到 vertical arrangement 2垂直配置 2上,所以先用 set canvas 2.width和 set canvas 2.height這兩個方塊,把畫布的寬和高的值,設定的跟垂直配置 2的寬和高相同。
然後就可以呼叫圖片隨機程式跟遮照程式執行。
再來就是 call relativeview 1.create呼叫外掛設定底層的程式,以及 call relativeview 1.add view呼叫外掛設定上層的程式執行,這部份請參考:圖層、覆蓋層外掛~RelativeView
第 5部份的程式方塊記錄。
當畫布拖曳的時候,這個之前也介紹過了,這裡就不多介紹。
請參考:
刮刮樂,用小畫家的橡皮檫功能做的
第 6部份的程式方塊記錄。
button 1也就是 rest按鈕按下的時候。
呼叫圖片隨機程式跟遮照程式執行。
好的,全部的程式方塊都簡單說明過了,建議大家試著做一次,就會用的越來越熟。
但如果不想要重新拉程式方塊,或要需要範例 aia檔的話,請前往第 2頁哦!