總網頁瀏覽量

(MIT App Inventor 教學系列) 角色移動,自制十字鍵盤控制圖片動作(三)

    角色移動,自制十字鍵盤控制圖片動作(三)

這個 MIT App Inventor 教學系列將教您如何使用自製的十字鍵盤控制圖片的動作。 透過簡單且強大的 App Inventor 平台,您可以輕鬆創建自己的行動應用程序,並為角色添加互動性。 在本教程中,您將學習設計介面、設定按鍵事件和實現角色在螢幕上的移動。

1. 首先拖入水平配置,高度250


2. 把畫布拖入水平配置,高度和寬度都填滿

3. 拖入圖像精靈

4.拖入表格配置,改成3行3列,如下圖


5. 把按鈕拖入表格配置,並改名,如下圖

6. 依照以下圖片中的程式碼來完成十字鍵盤程式
最後在手機測試就可以按鈕移動圖片了