您现在的位置是:首页 > 设计知识设计知识

axure评论文字发布,axure评论功能

网一2022-11-23 11:03:23设计知识10人已围观

简介axure评论文字发布,axure评论功能pythonAxure是如何实现输入框提交和评论的?今天我就来教大家模拟论坛实现发表评论的功能。主要功能如下:1.用户点击评论页面,显示评论输入框;2.用户在输入框中输入注释后,他们单击提交页面以显示用户

axure评论文字发布,axure评论功能

pythonAxure是如何实现输入框提交和评论的?今天我就来教大家模拟论坛实现发表评论的功能。主要功能如下:1 .用户点击评论页面,显示评论输入框;2.用户在输入框中输入注释后,他们单击提交页面以显示用户输入的注释。

如果你想了解更多关于“Axure RP”的知识,点击这里学习Axure RP课程。

工具/软件

硬件型号:惠普暗影精灵8

版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

从widget库中拖动一个矩形的widget做评论,调整位置、大小和样式,然后从widget库中拖动一个图片控件,双击浏览图片,调整位置和大小,做发布者的肖像,最后从widget库中拖动文本widget做用户名、发布时间、发布内容和一条评论文本,调整文本的样式和位置。

第2步

现在让我们制作一个注释框和发布按钮,从零件库中拖动一个矩形零件,将这个矩形零件的文本更改为发布,调整位置和大小,然后从零件库中拖动一个矩形零件,调整到合适的位置和大小,然后拖动到一个文本框中,将其放置在刚刚拖动进来的矩形零件的顶部,与矩形零件堆叠在一起,并保持与矩形零件相同的大小和位置。单击以选择此项。右击文本框,在弹出的下拉列表中选择隐藏边框,将这个输入框命名为txt_input,最后做一个三角矩形指向评论文本。

第3步

选中刚才制作的发布按钮、输入框、矩形框和三角矩形,点击右键,在弹出的下拉列表中选择转换为动态面板,将该动态面板设置为隐藏状态,然后双击该动态面板,点击弹出的动态面板状态管理框,为该动态面板添加新的状态,并将这两种状态重命名为

将此动态面板注释命名为comment之前和之后,然后单击OK。

第4步

双击鼠标右下角评论动态面板中的后评论状态,打开后评论页面。按照第一步中制作后置内容模块的方法制作后置评论页面。应该注意,显示注释的标签名为display。

第5步

现在我们来写评论的交互作用。当我们点击评论文本时,显示评论的动态面板,并将动态面板设置为评论前状态。当我们再次点击评论文本时,隐藏评论面板并点击鼠标。在右上角的widget交互中双击鼠标,编辑弹出的用例,其中显示评论的动态面板,评论面板的状态设置为预评论,然后点击确定。

第6步

接下来需要写评论的输入和显示,这就涉及到变量值传递的问题。打开评论前状态页面,点击发布按钮,双击鼠标打开用例编辑器,设置变量OnLoadVariable的值,登录输入框txt_input的文本内容,将评论动态面板的状态设置为评论后状态,显示内容等于变量OnLoadVariable的值。

第7步

最后看一下效果演示。如果你觉得不错,点击左下角的投票,为这篇文章投下你宝贵的一票。

注意/提示

希望“Axure如何实现输入框提交评论?”这篇文章可以给大家带来一些帮助。如果觉得内容有点晦涩,建议练习一下!如果想了解更多,也可以关注。

Tags:

很赞哦! ()

随机图文

留言与评论(共有 条评论)
   
验证码:

本栏推荐