AppInventor学习笔记(三)——油漆桶应用学习

一、组件设置

1、画笔颜色选项

image

     选取3个Button,然后改名为红、黄、绿三种颜色,然后进行相应属性的设置。

image

     在这里有个问题就是如何放在一行。。

image

     将3个按钮放进这个方框里面就可以变成一行了。

 

2、画布设置

 AppInventor学习笔记(三)——油漆桶应用学习_第1张图片

        选取这个工具,改变属性,放上你喜欢的图片,设置初始画笔颜色为红色。

AppInventor学习笔记(三)——油漆桶应用学习_第2张图片

 

3、功能按钮设置。

image

     按照此图上4个Button即可。

 

4、显示信息

image

     放上2个Label就可以了,设置Title如图所示。

 

二、Block编程

1、全局变量设置

AppInventor学习笔记(三)——油漆桶应用学习_第3张图片

      选取方框中的Block,然后将name改为dotSize,设置初始值为2。

image

 

2、画布逻辑编程

(1)画点

AppInventor学习笔记(三)——油漆桶应用学习_第4张图片

          加入这个工具,然后这里有x,y,touchedAnySprite三个属性,可以选择提取,或者赋值给其他变量。方法就是鼠标悬停在上面即可。

AppInventor学习笔记(三)——油漆桶应用学习_第5张图片

         加入这个工具进touched中,并将X,Y,Radius用已有的变量提取赋值进去,

AppInventor学习笔记(三)——油漆桶应用学习_第6张图片

        至此逻辑即完成。

(2)画线

AppInventor学习笔记(三)——油漆桶应用学习_第7张图片

      方法同上,依旧在画布中找到这个block就可以进行添加。

      这里解释一下,Dragged是抓取触摸时的运动点,但是只记录起点,上一时刻的点和现在时刻的店。

      这样的话,我们就可以用线段来拟合直线,加之屏幕的像素点是很小的,曲线宏观上看起来很光滑。

 

3、画笔选项的设置。

image

      当点击时,设置画笔颜色和标签。

      其他颜色同。

 

4、功能按钮设置

(1)调大画点的半径,调小画点的半径

AppInventor学习笔记(三)——油漆桶应用学习_第8张图片

        当点击时,设置圆点半径和标签。

(2)照相功能按钮设置

image

      先添加Click的功能,然后选取照相机中的Block,一个是开启照相

image

      另一个是开启照相后要做的处理

AppInventor学习笔记(三)——油漆桶应用学习_第9张图片

      在其中加入要进行的操作,在这里是更换背景。

AppInventor学习笔记(三)——油漆桶应用学习_第10张图片

 

5、清空按钮设置

AppInventor学习笔记(三)——油漆桶应用学习_第11张图片

      从画布中找到清空按钮即可。

 

三、成品如下

AppInventor学习笔记(三)——油漆桶应用学习_第12张图片

你可能感兴趣的:(学习笔记)