> 自媒体 > (AI)人工智能 > axure中继器的应用:实现微信聊天与对话界面的无缝切换
axure中继器的应用:实现微信聊天与对话界面的无缝切换
来源:人人都是产品经理
2025-10-01 13:43:11
111
管理

你以为微信聊天界面很难做?其实只要掌握 Axure 中继器的几个关键技巧,就能轻松实现消息流的动态切换。这篇文章用最直白的方式,教你一步步搭出一个“能聊”的原型界面。

1.使用中继器搭建聊天列表

1.1 中继器项模板

模版中应包含:

矩形(作为可点击区域)图片元件(头像);文本标签(人名);文本标签(聊天文字,也可增加聊天时间);

全部设置好之后给各个部分都命名好。

1.2 填充中继器数据

中继器数据表至少包含以下列:

1.3 设置交互

把中继器数据绑定到中继器内的矩形

2.动态面板实现切换页面搭建好对话界面,复制一份并将其转为动态面板,命名(如「对话面板」),默认隐藏。进入中继器的项模板;拖入一个热区,覆盖整行内容。为热区添加「单击时」事件,如下:中继器使用小结

中继器的英文是「Repeater」,一词由「Repeat」(重复)与「-er」构成,直译为“重复执行者”。这直接揭示了其最重要的功能:重复,根据模板结构,重复生成内容。使用中继器我们可以模拟数据库的操作,进行数据库的增删改查操作,它特别适合处理列表、卡片、表格等重复性内容,避免手动复制与维护的冗余。

本文由 @岸上文 原创发布于人人都是产品经理。未经作者许可,禁止转载

题图来自Unsplash,基于CC0协议

0
点赞
赏礼
赏钱
0
收藏
免责声明:本文仅代表作者个人观点,与本站无关。其原创性以及文中陈述文字和内容未经本网证实,对本文以及其中全部或者 部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。 凡本网注明 “来源:XXX(非本站)”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对 其真实性负责。 如因作品内容、版权和其它问题需要同本网联系的,请在一周内进行,以便我们及时处理。 QQ:617470285 邮箱:617470285@qq.com
相关文章
关于作者
经典好看视频..(普通会员)
文章
1886
关注
0
粉丝
0
点击领取今天的签到奖励!
签到排行

成员 网址收录40418 企业收录2986 印章生成263660 电子证书1157 电子名片68 自媒体105942

0
0
分享
请选择要切换的马甲:

个人中心

每日签到

我的消息

内容搜索