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

时间:2024-10-11 22:12:30

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

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

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

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

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

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

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

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

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

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

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

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

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

Axure原型工具获取界面和当前元件的宽度和高度
© 手抄报圈