如何用Axure RP 9做出微信的消息对话效果呢？就在模拟微信系列教程。

今天给大家简单演示一个模拟微信教程，接下来会逐步完善模拟微信的更多细节。

本次教程我们模拟的内容，包括模拟利用中继器实现消息对话，同时显示**一条消息的收到时间或者发送时间。

一、框架搭建

因为接下来会更深层的去做一些内容，因此本次我们先搭建好一些框架，以便后期继续增加新的交互：我们需要一个动态面板，里面添加五个状态，分别用来显示四个一级菜单和对话页面。

我们需要四个中继器，用于实现消息对话的效果，同时微信的导航菜单放置在动态面板外边。考虑到有些页面不会看到微信底部菜单，因此在进入这些页面的时候需要将底部菜单隐藏或者置底。

由于是模拟微信，因此我们需要模拟双方信息交互的效果，所以我们需要两个微信面板。在这里我们需要注意，因为页面内放置两个面板会导致元件数量翻倍，因此我们要对需要设置的元件命名，方便我们管理。

同样，我们需要区分元件归属于用户1还是用户2，因此个人建议在元件命名的时候，在名称后边写上该元件归属于用户1还是用户2。

目前我们采用这种结构，后期再增加更多交互的时候可能会进行调整，不过这都是后话，不着急。

二、交互步骤教程