#3 paintbot - litcheelab/LooksMD GitHub Wiki

这个小项目我们练习对图片的批注功能，这个功能很常出现在社交软件的对话部分，例如微信：

如果之后在化妆品评测平台上，用户上传化妆品的照片时，进行简单的标注，可以用这个项目的功能来实现。

使用APP Inventor制作的paintbot效果如下：

下面按软件开发的 需求 设计 开发 测试 四个步骤记录这个项目的开发过程。

---

需求

做一个可以对本地的照片进行批注，然后保存的小应用。

设计

做这个应用我画的需要的组件以及对应的功能是：

所在我在APP Inventor当中制作的布局是：

放大组件的列表看一看：

练习

制作自己的思维导图，列出组件与功能，然后进行布局。

开发与测试

开发与测试是针对组件设计当中一个个组件一个个来进行的，交替进行，所以不可分割。下面是示例项目的完整代码的截图：

下面对各个部分的功能进行如下说明：

1）初始化：规定组件的初始状态 2）四个按键的功能：分别赋予四个按键予它们各自的功能 3）画布上绘制画面的功能：调用画布绘图的函数进行 4）画笔的属性调整的功能：RGB与粗细

项目参考的.aia文件可用这个链接下载：点我下载

练习

针对你自己的思维导图，进行自己的功能的开发与测试。

拓展功能

1）文本的添加 2）几何图案的添加 3）裁剪？