`

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

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


第一步:新建两个界面:界面1 与 界面2;
[img]

[/img]


第二步:给第一个界面添加两个部件:文本框与按钮,文本框标签取名为input,搜索按钮标签取名为btn。
[img]

[/img]


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

[/img]



第四部:给第二个界面添加两个部件:文本框与按钮,文本框标签取名为input2。
选择工具底部的页面交互,打开面板选择【设置变量和部件值】,还记得刚才的OnLoadVariable吗,这里面有页面1文本框中输入的值,现在把他附到页面2的input文本框中。
[img]

[/img]





 OK,生成页面看看吧。
  • 大小: 3.8 KB
  • 大小: 57.7 KB
  • 大小: 147.8 KB
  • 大小: 67.1 KB
0
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics