某天，我看到我老婆用的計帳 app在輸入數字的時候，可以跳出一個 9宮格的數字輸入器，於是就有了這一篇。
記錄一下：
App Inventor學習記錄219-懸浮式計算機~KIO4_Move
這次範例的完成品如下。
點擊按鈕之後，可以移動 label、按鈕、配置等等的。基本上跟之前這一篇可以移動標籤、按鈕、圖片、配置等等的外掛~KIO4_Move用介紹過的外掛是相同的。只是過了好一陣子了，想法變多了，所以又想到這個外掛。
畫面編排的部份如下。
這次為了讓移動的元件或是配置可以更清單的被觀察到。所以我在每一個配置中都加了背景顏色。實際上在做的時候，就比較容易去知道堆疊的情形。
數字 9宮格的部份，就是放在 vertical arrangement 3下，再用水平配置去配出來的。這樣要移動的時候，就只要移動最上層的 vertical arrangement 3垂直配置 3就可以了。
全部的程式方塊如下。
這兩個變數，是拿來放元件用的，等一下會搭配任意元件的做法去取數字 9宮格中，按鈕上的文字。
任意元件的做法，請參考：
任意元件的使用方法介紹，標籤、按鈕、圖片等等，做法都相同
任意元件小範例 1-判斷任意按鈕上的文字
任意元件的使用方法介紹(二)~not already handled
螢幕初始化的時候，用任意元件的方式，設定一個圖片的長跟寬。
……這次的範例中，其實沒有用到圖片的部份。
按鈕按下之後：
call kio4_move.movelayout，呼叫外掛中移動配置的方塊。
layout參數，放要移動的配置，這裡就放 vertical arrangement 3垂直配置 3。
標籤 1是用來顯示相關的資訊用的，大家自行參考一下。
call kio4_move.get params layout，這個外掛方塊的作用，是取得當下配置的位置。
layout參數，自然就是放要取值的配置了。
call kio4_move.move component，這個外掛方塊則是移動指定元件用的。
component參數，放要移動的元件。
maintain參數，true是移動後，還可以移動。false就是只能移動一次。
這個事件則是抓當下被移動元件或是配置的位置用的。
大家自行的測試一下。
被移動元件移動時，當下的位置資訊可以用這個事件方塊來取得。
這個就是要讓數字 9宮按鈕發生作用。
用任意元件的方式，去抓按下按鈕的文字，然後顯示在 texbox1.text文字輸入盒的文字上。
好的，全部的程式方塊都簡單說明過了，建議大家試著做一次，就會用的越來越熟。
但如果不想要重新拉程式方塊，或要需要範例 aia檔的話，請前往第 2頁哦!