`

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
分享到:
评论

相关推荐

    Axure9 教程:利用全局变量实现跨页面传值.docx

    在 Axure9 中,全局变量是一种特殊类型的变量,它可以在多个页面之间共享和传递数据。全局变量可以被定义在项目中,并可以在不同的页面中访问和修改。通过使用全局变量,我们可以实现跨页面的数据传递,例如在一个...

    Axure9教程:全局变量的应用.docx

    Axure9中的全局变量是指可以在整个项目中使用的变量,它可以存储一个值,并且可以在不同的页面和组件中使用。全局变量可以用来实现很多复杂的交互逻辑,例如,判断用户是否登录、判断用户的权限等。 二、 实现全局...

    Axure 微信高保真原型图:验证码登录.docx

    该原型图主要分为三个页面:第一个验证码页面,第二个拼图页面,第三个验证码页面二。本文将对这三个页面进行详细的解释和操作指导。 第一页面:验证码页面 页面概述:该页面的主要作用是获取验证码之前确认手机号...

    chrome浏览器打开axure生成的HTML静态文件页面

    第一步:解压得到一个axure-chrome-extension的文件夹。 第二步:打开Google浏览器,在地址栏中输入chrome://extensions/ 或者右上角设置——更多工具——扩展程序,打开扩展程序界面。在页面右上角打开【开发者...

    Axure第一书(作者马克)

    4. **变量与函数**:Axure支持使用变量存储数据,这在创建动态原型时非常有用。书中会解释如何定义、使用和操作变量,以及如何利用内置函数和自定义函数来实现更复杂的计算和逻辑。 5. **部件库和自定义部件**:...

    Ant Design 资源库(Axure RP)提供了:基础页面布局、组件、页面模板,以及快速搭建美观原型的提效小工具

    Ant Design 资源库(Axure RP)提供了:基础页面布局、组件、页面模板,以及快速搭建美观原型的提效小工具。

    Axure第一书相关范例

    Axure是一款强大的原型设计工具,尤其在产品经理、交互设计师和UI设计师中广泛应用。"Axure第一书相关范例"提供了一系列实例,旨在帮助初学者和有一定基础的学习者掌握这款工具的使用技巧,提升产品设计思维。 1. *...

    Axure 标尺测量元件兼容 Axure8.0/9.0

    原型演示地址:... Axure 标尺测量元件兼容 Axure8.0/9.0 Axure 尺寸测量插件使用方法 1. 在使用是只需要将元件[Axure尺寸测量]拖拽到页面中即可。 2. 本插件支持本地预览、服务预览、以及Axure内预览。

    用Axure如何实现从当前页面打开另一个动态面板,且要先显示动态面板的第一个状态页

    今天,我们将学习如何使用 Axure 实现从当前页面打开另一个动态面板,并显示动态面板的第一个状态页。 首先,让我们来了解 Axure 中的动态面板。动态面板是 Axure 中的一种组件,可以根据不同的条件显示不同的面板...

    《AxureRP9网站与App原型设计》教学教案-05使用Axure变量制作丰富的交互效果.docx

    本节课的主要目标是让学生了解全局变量、局部变量的概念,并掌握变量值在页面间传递的使用方法。通过实例引入变量的概念,多媒体演示和实机操作讲解变量值在页面间传递的使用,并通过实战深入理解 Axure 变量。 ...

    AXURE原型之变量显示及跨页传递

    AXURE原型关于变量显示及跨页传递的原型文件

    Axure9原型设计:动态面板&内联框架实现可复用导航页.docx

    * 内联框架可以添加多个页面,每个页面对应一个一级菜单 四、交互式设计的实现 * 交互式设计是Axure9中的一个重要功能,用于创建交互式原型 * 交互式设计可以添加多个事件,例如单击、悬停、双击等 * 交互式设计...

    Axure页面设计统一规范(产品必看).docx

    Axure是一款功能强大的页面设计工具,作为一名页面设计师,遵守统一的设计规范对于确保页面的一致性和美观性至关重要。本文将对Axure页面设计统一规范进行详细的说明,以帮助设计师更好地掌握页面设计的要领。 一、...

    谷歌浏览器Axure插件

    第一步:在浏览器中地址栏中输入chrome://extensions/ 或者点击浏览器的右上角选择更多工具-&gt;扩展程序,打开扩展程序界面。在页面右上角打开【开发者模式】。 第二步:点击【加载已解压的扩展程序】,选择刚刚解压...

    axure 中关于标签的运用和页面的嵌套,初学

    axure 中关于标签的切换,和页面的嵌套。

    Axure教程:实现移动端页面上下滑动效果.docx

    axure 是一款功能强大且灵活的原型设计工具,广泛应用于移动端和 web 端的交互设计。实现移动端页面上下滑动效果是.axure 中的一项重要功能,今天我们将介绍两种实现页面上下滑动效果的方法。 方法一:使用动态面板...

    利用Axure快速生成PRD(操作篇结课)1

    Axure是一款功能强大且流行的原型设计工具,广泛应用于软件开发、产品设计、交互设计等领域。通过Axure,可以快速生成高保真的原型,帮助设计师和开发者更好地交流和协作。下面我们将详细介绍如何利用Axure快速生成...

    Axure[第三课]进度条简易设计

    Axure RP是一款广泛使用的交互式原型设计软件,它允许设计师快速构建线框图、原型以及为网页和应用程序创建交互流程。在这个教程中,我们将专注于如何利用其功能制作出具有视觉吸引力和实用性的进度条组件。 首先,...

    知识图谱网页应用 AXURE设计

    知识图谱网页应用AXURE设计是一项复杂而富有挑战性的任务,它涉及到数据的组织、可视化以及用户交互等多个方面的技术。AXURE是一款强大的原型设计工具,常用于创建网页和应用程序的交互模型,尤其在UI/UX设计领域...

    Axure 8图表效果

    Axure 图表 柱状图 折线图 饼图

Global site tag (gtag.js) - Google Analytics