axure怎么制作聊天页面
【前言】
产品经理是站在上帝身边axure怎么制作聊天页面的人。（上帝了解人性，懂得如何运用群体的特性去驾驭人类，产品终究是联系人与思想的媒介，虚无缥缈的道贯穿在产品经理和用户之间，隔着一层薄薄的纱，隐约可见，霎那间很近，转身就又很远）
一款好的产品是建立在一切近乎完美的情景下开发出来的。axure怎么制作聊天页面产品是有灵性的，你怀着什么样的心情创造它，那么它就会以相同的姿态对待你的用户。产品是需要养的。
【微信聊天】
微信的axure怎么制作聊天页面出现让聊天变得更加便捷，更便宜。让人可以专注的去思考聊天的内容。这里也要感谢QQ，感谢QQ许多年的陪伴。
【实现微信聊天效果】
在Axure中实现微信聊天效果，需要对中继器，动态面板，变量，函数等有一定的认识，同时可以将这些知识融会贯通使用。
【聊天机制】
A选择给B发送信息，输入信息后，点击发送，提示发送成功，B收到A发送的信息，并可以回复axure怎么制作聊天页面。
【绘制草图】
- 三个色块矩形叠放，增加矩形阴影，形成层级关系。从大到小分别对应背景、列表栏、输入区域。
- 添加细节元素图标、文字等，图标可以在其他软件中做好导出直接使用axure怎么制作聊天页面。
- 然后到了添加元件的步骤，输入栏直接拉一个和输入区域等高的文本框，去掉边框，添加提示文字为“请输入…”即可，左边列表栏我是用中继器做的。
【交互实现】
（3）为聊天界面显示时设置文字变化，如点击第一行时显示头部为小明，消息为hello，第二行显示头部为二明，消息为我要睡觉了，以此类推。上一步设置隐藏再显示面板，就是为了刷新axure怎么制作聊天页面这个文字变化。
- 设置选中状态 -未回复（文本标签）为true；axure怎么制作聊天页面其他两个标签选项为false。其他两个标签设置同理，设置完成之后，就可以看到点击有选中效果了。
- 再显示中继器内容的跟随事件：仍然是鼠标单击时的事例，把未回复（当前标签对应中继器）设置为显示，动画可以设置为向左滑动或者向右滑动，随便axure怎么制作聊天页面设置都可以，axure怎么制作聊天页面统一就行了。接着把剩下的两个中继器内容设置为隐藏。设置完成后，就有下边的列表切换效果了。
- 再是蓝色矩形条的切换跟随，[[wh.left]]代表蓝色矩形条的x轴起点位置绝对固定到wh这个元件的左端，[[wh.bottom]]代表蓝色矩形条的Y轴位置起点在wh元件的底部，其他两个标签也设置起来，注意，axure怎么制作聊天页面第六步的变量要一一对应起来，比如：我这里wh代表text-未回复，yh代表text-已回复，yj代表text-已结束。
- 添加行（我的消息发送），选中刚刚聊天面板中建的中继器然后点击添加行，img对应的是自己的头像，neirong栏可以填写默认变量[[LVAR1]]或者自己定一个，axure怎么制作聊天页面然后点击后面的fx编辑变量，将输入框的文字赋值给它。
- 拖入一个大小为375x667的动态面板，命名为d_talk，在状态1里面绘制聊天页面，为中继器的每一行设置点击事件，点击时，令动态面板d_talk，向上滑动显示。实现效果。
-
最后就是点击左侧列表，右边聊天面板跟随变化
（1）将右边聊天面板编组，转为动态面板，并设为隐藏。（可以先把面板移到别的地方，添加一个空状态时的文字，再将面板移回原位）
（2）然后为左侧中继器的项目添加鼠标点击时的事例axure怎么制作聊天页面。
- 第一行为定义num1（全局变量）为鼠标点击中继器项目的所在行数。
- 第二行为axure怎么制作聊天页面设置点击该项目时使该项目变成选中状态（这个用于前面的单行选中）。
- 第三行为点击使数量气泡消失。
- 第四行+第五行 为设置点击刷新聊天面板显示时的axure怎么制作聊天页面状态。