App Inventor學習記錄41，小畫家 app，畫布上加入文字說明的功能

除了在畫布上加文字之後，加上可愛的圖片也是一個很重要的因素，但我想來想去，還沒有想到該怎麼寫比較好，所以這次就先來介紹一下，在畫布上加入文字說明的功能。

記錄一下：
App Inventor學習記錄41，小畫家 app，畫布上加入文字說明的功能

畫面呈現的樣子是這樣子的：

左邊這一塊是為能調整角度，右邊這一塊多加了一下調整角度的文字輸入框。這兩個的差別就真的只是差了一個輸入角度的項目，其它用法都是一樣的。這個部份我們在後面的程式中會看到。

好的，整個的畫面編排是這樣子的。

左上部份，文字輸入框，配一個按鈕來做選擇。
右上部份，2個文字輸入框，配一個按鈕來做選擇。
下面就是畫布。

全部的程式碼如下：

這裡先補充一下，２、３的部份，因為用了同一個按鈕的方塊，會造成系統判斷錯誤。這裡只是要顯示一下，加入文字和加入有角度的文字的呼叫程式的差別，所以才這樣放。實際在作動的時候，就只能留下一個，或是在加變數來切換功能。

第 1部份的程式碼說明：

建立一個變數叫做：要加在圖上的文字，它的預設值是空白。

當加入文字按鈕被按下的時候：
把要加在圖上的文字這個變數的值，設定成文字框 1這個文字輸入框的值。

當帶角度的文字按鈕被按下的時候：
把要加在圖上的文字這個變數的值，設定成文字框 2這個文字輸入框的值。

第 2部份的程式碼說明:

當畫布被觸碰的時候：
呼叫畫布繪製文字的功能
text文字這自然就是設定成要加在圖上的文字這個變數的值。
x座標，就直接取手指頭按下這一點的 x座標。
y座標，就直接取手指頭按下這一點的 y座標。

第 3部份的程式碼說明：

當畫布被觸碰的時候：
呼叫畫布沿角度繪製文字的功能
text文字這自然就是設定成要加在圖上的文字這個變數的值。
x座標，就直接取手指頭按下這一點的 x座標。
y座標，就直接取手指頭按下這一點的 y座標。
angle角度，就是設定成數字這個文字輸入框的值。

這邊要提醒的是，當我們手指一碰到畫布之後，文字就會加上去，然後沒有辦法再改位置。所以這裡請在加上前一篇介紹過的小畫家 app，上一步和下一步的功能按鈕這個會比較好。

另外，要加入圖片的話來當印章用的話，我目前是有想法，但還沒有開始做。等確定寫出來了之後，再來跟大家分享。

這次的 aia檔的下載連結如下:
點我下載 NO_41_Canvas_Text

之前介紹過的一些 appinventor的使用記錄，都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面