Axure之变量的使用
写在最前面:任何工具都容易造成沉迷,Axure也一样;沉迷工具有害健康,过渡钻研Axure不利于职业发展!
本文主要想介绍一下什么是Axure中的变量(Variables),以及变量的使用场景,然后附加一个实例。
1、什么是变量
变量的全称应该是“中间变量”,变量用于在HTML原型中进行点击时的页面之间的传递和存储数据,这样变量能在页面之间保持下去。Axure文件中可最多使用25个变量。变量可以在交互设计和逻辑条件中使用。
简单说就是,在2个页面之间添加一个桥梁,用以延续交互动作。这个东西最直观的理解就是我们在做几何题目的时候通常需要在2个条件之间再取一个中间的条件,最后达到证明这2个条件是一致的,如:a=b,b=c,所以,a=c。
在Axure中可以通过“线框图”(Wireframe)――“管理变量”(Manage Variables),来增加或者管理变量。
Axure会默认一个变量叫做“OnLoadVariable”,必须使用字符和数字做变量名,不能大于25个字符长度,且不能含有空格。
2、变量的使用情景
1)动态显示输入的字符
2)动态统计并显示输入的字符长度
注:这里变量只能实现计算字段的长度,但是不能做加减乘除运算,所以想要实现“还可以输入XX个汉字…”这样的交互目前在Axure上还无法实现。
3)页面之间的锚点跳转,详见之前的这篇
4)下拉列表的联机动态加载
5)Tab页签的变换
注:较常规的动态面板也可以实现该功能
….
简单说,变量的使用一般程序:添加变量,修改变量值,判断变量值,加载对应内容。
特别说明:
1)变量的使用过程中需要用到每个组件的标签名称,所以,必须要先给需要用到的组件添加标签,不然就全部显示“unlabeled”。
2)在“设置变量和组件的变化值”这个交互动作的时候,一般的格式是:变量的值“a”等于组件值的长度“b”;组件中的文本“C”等于值,然后后面有个编辑文本。
点击进去之后可以编辑的是动态显示的具体内容,你可以输入的是一些修饰内容,无关紧要,最主要的是,要记得插入变量“a”,这样整个交互才能起作用。
3、实例
之前设想过的一个微博输入框为例,点击这里查看。
P.S:
一个容易忽略的地方:Axure在处理多个交互动作的时候,实际上你是可以手动设置他们的发生顺序的。在“交互属性”弹窗的右上角有个“高级编辑器”,点击里面的箭头来对交互动作的发生进行排序。这个主要应用在如:弹窗XX秒后自动消失等交互上。
建议继续学习:
- 从shell中向awk传递变量实例 (阅读:3592)
- 深入PHP使用技巧之变量 (阅读:3551)
- 关于原型设计的一些事 (阅读:3591)
- Axure 实现网站登录的交互 (阅读:3354)
- 变量在内存中的位置 (阅读:2972)
- Axure之复用 (阅读:2856)
- c语言全局变量和局部变量问题汇总 (阅读:2687)
- Linux的shell变量 (阅读:2676)
- AXURE在原型设计中的应用 (阅读:2606)
- PHP的可变变量名 (阅读:2235)
扫一扫订阅我的微信号:IT技术博客大学习
- 作者:kent.zhu 来源: 幻风阁|kent.zhu'sBlog
- 标签: Axure 变量
- 发布时间:2010-10-14 01:08:16
- [66] Oracle MTS模式下 进程地址与会话信
- [66] Go Reflect 性能
- [65] 如何拿下简短的域名
- [59] android 开发入门
- [59] 图书馆的世界纪录
- [59] IOS安全–浅谈关于IOS加固的几种方法
- [58] 【社会化设计】自我(self)部分――欢迎区
- [53] 视觉调整-设计师 vs. 逻辑
- [47] 界面设计速成
- [46] 读书笔记-壹百度:百度十年千倍的29条法则