编辑导语：我们经常用的各种APP里都有聊天界面，比如最常见的微信聊天、淘宝客服的沟通等等，这都是沟通聊天的界面；本文作者分享了关于用中继器做聊天APP原型，我们一起来看一下。

APP聊天的界面可以说是APP里面最常用的原型页面之一，除了我们熟知的社交APP，例如微信、QQ外，其实基本上所有APP里面都有聊天的原型页面；例如美团饿了么外卖软件，我们可以和骑手沟通；淘宝京东电商软件，我们可以和店家沟通；其他的软件，我们也能够和客服沟通。

以上所有的沟通页面，都能用到聊天APP的原型；所以今天作者就教大家，如何用中继器做一个高保真的聊天对话原型。

一、效果介绍

原型预览地址：https://mz57nt.axshare.com/#g=1

二、材料准备

中继器1个，图片两个，矩形两个，输入框1个，语音图标一个，发送按钮一个。

中继器内材料需要图片两个（对方头像，我方头像），矩形2个（对方对话内容，我放对话内容）。

如下图所示摆放（实际是两个放在同一y值）：

三、中继器表格

WHO是分清谁的对话，如果值为me，就是我方说的，否则则为对方说的，下面交互会详细说明。

content是对话的内容。

如下图所示填写完整即可：

四、交互设置