[Android]MIT App Inventor - Canvas

開始前先打廣告一下吧,  這是我們組寫的Android App, 也許在大陸看不到FTV, 但是可以用這個APP得知賽程跟比數......

Canvas, 畫布, 其實在UI中看不到圖示, 不過仍然會有一個圖示表示有用到畫布, 如圖, 在Blocks Editor中長這樣, .

畫布可以在螢幕中執行繪畫等觸碰動作或設定動畫.

螢幕上的任何位置皆可以用座標(X,Y)表示, 其中:

• X 為該點距離畫布左緣之距離, 單位為像素.
• Y 為該點距離畫布上緣之距離, 單位為像素.

Canvas有以下屬性:

• BackgroundColor: 設定畫布背景顏色

• BackgroundImage: 設定畫布背景圖片

• FontSize: 字型大小

• Height: 畫布高度

• LineWidth: 畫線時的寬度

• PaintColor: 畫線時的顏色

• Visible: 設為Enable, 才能啟用畫布

• Width: 畫布寬度

有以下事件:

• Dragged: Dragged(number startX, number startY, number prevX, number prevY, number currentX, number currentY, boolean draggedSprite)用手指頭拖拉時, 座標由(prevX, prevY)移到(currentx, currenty), 當下的座標點都是(currentx, currenty). (startX, startY)這組座標代表第一次觸碰螢幕時的那一點, "draggedSprite"代表指定動畫元件正被使用者拖拉中.

• Touched: Touched(number x, number y, boolean touchedSprite) 點擊畫布時, 傳回(x,y)座標表示所點擊的座標. 如果"TouchedSprite"值為真代表某個元件也正好在此座標.

有以下方法:

• Clear: 清除畫布上的繪畫, 如果有背景圖片的話, 不會清除背景圖片.

• DrawCircle: 畫圓, DrawCircle(number x, number y, number r), 圓心為 (x,y) 半徑為 r.

• DrawLine: 畫直線, DrawLine(number x1, number y1, number x2, number y2), 畫一條直線, 起點(x1, y1), 終點(x2, y2).

• DrawPoint: DrawPoint(number x, number y), 在座標(x, y)畫一點.

• DrawText: DrawText(text text, number x, number y)以座標(x,y)為起始點寫上text.

• DrawTextAtAngle: 

• GetBackgroundPixelColor: GetBackgroundPixelColor(number x, number y), 取得座標(x,y)背景的顏色

• GetPixelColor: GetPixelColor(number x, number y), 取得座標(x,y)的顏色

• Save: 存檔於外部儲存空間(SD卡), 並回傳該檔案的完整路徑

• SaveAs: 另存新檔(需指定檔名)於外部儲存空間(SD卡), 並回傳該檔案的完整路徑

• SetBackgroundPixelColor: 設定座標(x,y)背景的顏色.