人人都是产品经理Axure 7.0 输入框提交发表评论

1、从部件库中拖入一个矩形部件制作评论大外边框调整位置大小和样式 再从部件库中拖入一个图片控件 双击浏览图片 调整好位置和大小 制作发表内容者的头像 最后从部件库中拖入文字部件 制作用户名、发表时间、发表内容和一个评论文字 调整好文字的样式和位置

3、选择刚才制作的发表按钮、输入框、矩形框和三角矩形 鼠标右键点击 在弹出的下拉列表中选择转换为动态面板将这个动态面板设置为隐藏状态然后双击这个动态面板 在弹出的动态面板状态管理框中 点击+ 给这个动态面板添加一个新的状态 分别将这两个状态重命名为评论前和评论后 同时将这个动态面板命名为评论 点击确定按钮

5、现在我们来写一下评论的交互动作 当我们点击评论文字时展示评论动态面板 将动态面板设置成评论前状态 当我们再次点击评论文字 收缩隐藏评论面板 将鼠标点击到评论文字上面 在右上角部件交互中 双击鼠标单击时动作 在弹出的用例编辑其中 显示评论动态面板 设置评论面板状态为评论前 然后点击确定按钮

7、最后看一下效果演示 如果觉得好 就点击左下角的投票 为该篇文章投上您宝贵的一票吧