Axure原型工具能够通过函数获取各种信息,比如时间、日期以及位置等等,下面小编介绍一个如何通过Axure原型工具获取界面和当前元件的宽度和高度。
工具/原料
1
电脑
2
Axure
方法/步骤
1
首先新建一个空白页面,在工作区域拖入相关元件元素,弄两个矩形,如下图所示。
2
元件元素准备完成后,对元件的样式及值等信息进行设置,第一个矩形获取界面宽高、第二个矩形获取当前元件的宽高,如下图所示。
3
下面开始对矩形的交互事件进行设置,获取界面高宽的函数如下,宽度:[[Window.width]] 高度:[[Window.height]]
4
然后对下一步矩形的交互事件进行设置,获取当前元件的宽高函数如下,宽度:[[This.width]] 高度:[[This.height]]
5
准备工作完成,f5预览一下效果,如下图所示。
6
当点击第一个矩形的时候,会获取当前界面的宽高值,如下图所示。
7
当点击第二个矩形的时候,会获取当前元件的宽高值,如下图所示。
注意事项
1
更多好玩的Axure实用经验
2
欢迎关注小编一起学习
上一篇:究极绿宝石V幼基拉斯在哪捕捉
下一篇:菠萝怎么长出来的