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

时间:2026-02-14 10:26:44

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

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

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

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

3、下面开始对矩形的交互事件进行设置,获取界面高宽的函数如下,

宽度:[[Window.width]]  高度:[[Window.height]]

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

4、然后对下一步矩形的交互事件进行设置,获取当前元件的宽高函数如下,

宽度:[[This.width]]  高度:[[This.height]]

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

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

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

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

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

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

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

© 2026 长短途
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com