打造交互式评论功能页面

模拟用户评论操作流程

Axure是一款强大的产品经理工具，在版本7.0中，实现了模拟论坛的发表评论功能。用户只需点击评论，页面即显示评论输入框，输入评论后点击提交，页面将展示用户输入的评论内容。从部件库中拖入矩形部件制作评论外边框，并调整位置大小样式。再加入图片控件、发表内容者头像和文字部件，制作完整的评论内容显示。

制作评论框和发表按钮

首先，拖入一个矩形部件作为评论框，并设置其文字为“发表”，调整大小和位置。接着再拖入另一个矩形部件和文本框部件，让文本框与矩形层叠在一起，保持一致大小和位置。隐藏文本框的边框并命名为txt_input，最后添加一个三角形矩形指向评论文字，完成评论框和发表按钮的制作。

设置动态面板交互效果

选择刚才制作的部件，右键选择转换为动态面板，并设为隐藏状态。双击动态面板，添加评论前和评论后两个状态，并命名为评论。此时，评论框和按钮的动态效果制作完成。

制作发表评论页面

通过部件管理中的评论动态面板，打开评论后状态页面，并按照之前的步骤制作发表评论的页面。确保将显示评论的标签命名为display，以便后续交互功能的设定。

添加交互动作实现评论展示

为评论文字添加交互动作，当点击评论文字时展示评论动态面板，并设置面板状态为评论前。当再次点击评论文字时收缩隐藏评论面板，借助部件交互设置实现此功能。

处理评论输入和显示

在评论前状态页面，点击发表按钮，在用例编辑器中设置变量OnLoadVariable为登录输入框txt_input的文字内容，并切换评论动态面板状态为评论后状态，显示内容display等于变量值OnLoadVariable。

效果演示及投票支持

最后，进行效果演示，用户可点击左下角的投票按钮为文章投上宝贵的一票。通过以上步骤，您可以完美实现一个交互式评论功能页面，提升用户体验。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。