多语言展示
当前在线:1118今日阅读:99今日分享:20

Axure原型工具获取界面和当前元件的宽度和高度

Axure原型工具能够通过函数获取各种信息,比如时间、日期以及位置等等,下面小编介绍一个如何通过Axure原型工具获取界面和当前元件的宽度和高度。
工具/原料
1

电脑

2

Axure

方法/步骤
1

首先新建一个空白页面,在工作区域拖入相关元件元素,弄两个矩形,如下图所示。

2

元件元素准备完成后,对元件的样式及值等信息进行设置,第一个矩形获取界面宽高、第二个矩形获取当前元件的宽高,如下图所示。

3

下面开始对矩形的交互事件进行设置,获取界面高宽的函数如下,宽度:[[Window.width]]  高度:[[Window.height]]

4

然后对下一步矩形的交互事件进行设置,获取当前元件的宽高函数如下,宽度:[[This.width]]  高度:[[This.height]]

5

准备工作完成,f5预览一下效果,如下图所示。

6

当点击第一个矩形的时候,会获取当前界面的宽高值,如下图所示。

7

当点击第二个矩形的时候,会获取当前元件的宽高值,如下图所示。

注意事项
1

更多好玩的Axure实用经验

2

欢迎关注小编一起学习

推荐信息