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

2025-04-23 05:22:15

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

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

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

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

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

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

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

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

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

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

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

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

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

Axure原型工具获取界面和当前元件的宽度和高度
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢