Axure 简单Demo

[转载]Axure 交互demo 实例

原文地址：Axure 交互demo 实例<二>作者：bingninglucy06
·记住用户的选中的内容并显示出来

紧接上一篇，上篇我们讲到把用户输入的内容显示出来，该篇我们补充将下拉框选中的内容自动显示出来。

我们先做个简单的点菜系统，最终效果如下：





点击上面的选项，则出现对应的选项值。

1、搭好界面框架图如下，前提是在动态面板上建立，该动态面板的标签名我设定为点菜系统：





2、再新建一个动态面板用来显示用户的选中值，设置其标签名：点菜确认提示。开始的时候我们不想将其显示出来，只有当点击确定按钮后，将其内容显示，右击“点菜确认提示”属性，设其隐藏便可。现在我们右击其属性进入“编辑动态面板”-“管理动态面板”-“编辑所有状态”编辑其里面的内容，见图：在该动态面板编辑框中先放置一个矩形框，目的是设置它的边界限，然后拖入文本框，标签名见图所示。





3、 同理，编辑“点菜系统”动态面板，开始为其“确定”按钮添加交互事件：

第一步（条件设置）：



第二步（选择操作）：





第三步设置变量和组件的值：





最后“生成”-“原型”即可自动生成你所选中的下拉值！





（Ps：动态面板好处多多，我还做了个手动的下拉框选中显示实例，目的是发挥动态面板的功能作用。）





选中其中一个面板，进入其编辑状态，自己手动输入值：





这里我们就是利用动态面板之间的转换了，而不是利用其选中的下拉框的值来自动判断了，见图：