Unit 7-1 Canvas 作画 / 作业 08

建立一个画布

MIT App Inventor 2

http://ai2.appinventor.mit.edu/

首先建立一个专案

放一个 HorizontalArrangement 到画面上并且在里面放入三个按钮

点选左边的 Drawing and Animation 并且选择 Canvas 放到萤幕上

三个按钮分别将文字设定为「Circle」「Square」「Clear」

将 Canvas 物件的宽与高都设定为 Fill parent

元件结构

Blocks / 程式码部分

点选 Screen1 并且叫出 when Screen1.Initialize 到画面上

点选 Canvas1 选择 set Canvas1.FontSize to 以及数字 45 放到画面上

再次选择 Canvas1 底下的 set Canvas1.LineWidth to 以及数字 5 放到画面上

放入一个 When Button1.Click 到画面上

选择 Canvas1 底下的 call Canvas1.DrawCircle 放到里面

将 centerX 放入数字 120、centerY 放入数字 130、radius 放入数字 10

放入一个 when Button2.Click 到画面上

选择 Canvas1 放入四个 call Canvas1.DrawLine 到里面

四条线的座标分别为「50.50.50.100」「50.100.100.100」「100.100.100.50」「100.50.50.50」

放入 when Button3.Click 到萤幕画面上，里面放入 Canvas1 底下的 call Canvas1.Clear

手机安装画面(影片呈现)

范例档案下载：点我下载