基于 Axure 实现 AI 对话机器人原型交互设计

中继器表格添加两列：who 列用于标识发言者（值为'我'即用户，否则为机器人），Text 列对应具体内容。表格默认为空，如需预设聊天记录可提前填入。

交互逻辑上，在中继器每项加载时判断 who 列的值：若等于'我'，显示蓝色矩形并隐藏灰色；反之则显示灰色矩形并隐藏蓝色。

接着将 Text 列的值同时设置到两个矩形中，这样无论哪种情况，内容都会正确显示。

由于矩形本身不支持自适应宽高，这里需要设定最大宽度（例如 850）。当内容宽度小于最大值时，高度随文字变化；超过最大值时，固定宽度并调整高度。为了实现自适应文本尺寸，建议结合动态面板和锚链接滚动交互来处理。

注意锚点位置：用户对话气泡锚点在右侧，机器人对话气泡锚点在左侧。如果对话内容过多超出区域，可将中继器转为动态面板并开启垂直滚动条。

5. 输入区域

输入区域包含矩形、多行输入框和发送按钮。

发送按钮按下时的逻辑如下：

首先判断文本是否为空，非空才继续操作。先隐藏欢迎区域的图文组合，然后将输入框内容添加到对话记录的中继器里。

为了优先显示最新内容，需要将动态面板滚动条拉到底部。这需要在对话记录动态面板内添加一个默认隐藏的锚点元件，利用移动交互将其定位到中继器底部，再通过滚动交互让面板滚至该锚点位置。

接下来处理自动回复。对问题列表中继器进行筛选，判断 wenti 列是否包含输入框中的文本值。

若筛选结果条数不为 0，说明找到答案，将中继器内文本标签的值记录下来；若为 0，则记录默认话术（如'抱歉，目前没有找到相关知识点'）。

记录完回答内容后，移出筛选条件还原问题列表，并触发逐字显示逻辑。

逐字显示本质是利用文本提取函数循环获取字符。先将第一个字添加到对话中继器，再进入循环依次添加后续字符，直到末尾。

完成字符添加后，再次使用移动交互将动态面板内的锚点元件移至中继器下方，并滚动至最底端，确保用户能看到最新回复。

至此，AI 对话机器人原型模板已完成。后续维护非常方便，只需在中继器表格中更新问答数据，交互效果会自动生成。