Axure[第一课]变量应用：页面传Axure变量值

主要讲的是如何将页面A的数据，传递到页面B，这种交互场景用户经常用到的有：搜索，登录。写这个教程目的是交互设计师在设计原型时能提高真实度，便于评审时项目组的理解，同时也方便在做用户调研、使用demo时更接进真实场景。简单点就是有助于减少沟通、解释成本。


第一步：新建两个界面：界面1 与 界面2；
[img]
[img]http://dl.iteye.com/upload/attachment/0080/8112/635f606d-8123-326f-a53d-62b44a6edca9.jpg[/img]
[/img]


第二步：给第一个界面添加两个部件：文本框与按钮，文本框标签取名为input，搜索按钮标签取名为btn。
[img]
[img]http://dl.iteye.com/upload/attachment/0080/8114/55a08e73-0f96-3aaf-8765-ab6a3f1a6cb2.jpg[/img]
[/img]


第三步：设置按钮的动作：<共需要添加两个动作>
1，选择按钮，选择交互，选择onClick（单击时）,选择【设置变量和部件值】；
2，打开设置值编辑器，选中值于变量OnLoadVariable；
3，文字在input部件上。
备注：步骤3、4你可能理解为把文本框中输入的内容附到OnLoadVariable中，回到上面的例子也就是把A“Axure”，附到了OnLoadVariable中。OnLoadVariable干什么用呢，接着看。
4，添加第二个动作：在当前窗口打开 界面2
[color=red]这里需要注意的是先添加第一个动作，再添加第二个动作（界面跳转），如果把界面跳转放在上面则第二个动作无法执行，哎 我就出了这个错[/color]
[img]
[img]http://dl.iteye.com/upload/attachment/0080/8116/a806cf4d-3b89-3714-9bac-5e12af2da54c.jpg[/img]
[/img]


第四部：给第二个界面添加两个部件：文本框与按钮，文本框标签取名为input2。
选择工具底部的页面交互，打开面板选择【设置变量和部件值】，还记得刚才的OnLoadVariable吗，这里面有页面1文本框中输入的值，现在把他附到页面2的input文本框中。
[img]
[img]http://dl.iteye.com/upload/attachment/0080/8118/43803507-b76e-3dcb-9e7a-6c43c5264ecb.jpg[/img]
[/img]


　OK，生成页面看看吧。