Axure9中继器教程:评论案例

1、制作评论添加和列表区。

(1)评论列表区使用中继器,在中继器内部添加三列,第一列是头像,第二列是网名、回复、点赞,第三列是评论内容。

图片

(2)选中中继器,在样式中添加数据,第一列导入图片,其余列填写文本。

图片

(3)选中中继器,切换到【交互】,添加数据渲染动作。

图片

(4)数据渲染完成。

图片

2、添加评论

(1)提前给网名文本框和富文本评论输入框命名。

(2)选中【添加评论】按钮,添加交互动作,【单击时】- 中继器函数【添加行】,在弹出的添加行到中继器编辑框中,第一列需要填入头像图片的相对位置。

在浏览器中选择头像-【检查】,复制出图片的相对位置。

图片

图片

(3)网名和评论内容都使用局部变量获取内容。

 

图片

3、效果演示

图片

最后,在【添加评论】的动作上再清空之前的评论内容即可。

THE END