App Inventor：一键人像抠图App

App Inventor：一键人像抠图App

一、功能分析

1、预设一张图片，把图片里的人体勾勒出来，并迁移到另一个图片里。如下图（app里的图像素材来源与网络）：

二、知识点分析

1、App Inventor 组件：
（1）图像框
（2）按钮
（3）http客户端（web客户端）
（4）智能识别API（本app使用face++接口）
2、逻辑分析：
把图像转换为base64格式——通过http客户端发送post请求——获取返回信息——显示勾勒后的人体图像。

三、实现过程

1、注册face++，获取API地址、api_key、api_screct，具体注册方式与获取方式请参考face++官网指南：
（1）注册：https://console.faceplusplus.com.cn/register 请登录网站并注册，按照提示创建api_key、api_screct。
（2）获取人体抠像的API地址和接入参数：https://console.faceplusplus.com.cn/documents/40608240
2、设计app界面和组件添加，详情请看上图。
3、逻辑设计
（1）设置三个变量：

（2）http客户端连接API并发送post请求：
注意：
（1）发送的图片数据为base64编码，因此需要把图片为base64格式，图像框组件有对应的转码函数，直接调用即可。
（2）留意http客户端创建列表的格式。
（3）结合face++的技术文档（https://console.faceplusplus.com.cn/documents/40608240），对比一下代码，分析两者的对应关系，理解API接口的调用格式。

（3）http客户端接收返回信息，并显示返回图像（提示：识别人体有一定的概率，因此不是每一次都能成功把人像抠出来）：

四、连接AI伴侣测试app.

五、逻辑分析：技术文档与逻辑代码实现的对应对应关系

1、技术文档链接地址：点击打开API技术文档

2、调用URL对应http客户端的网址，请求体格式对应http客户端的请求头，如下图：

3、请求参数与http客户端的实现格式：


4、返回值参数与http客户端获取并解析数据