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原型工具获取界面和当前元件的宽度和高度
  • 安卓手机QQ皮肤怎么制作?
  • 2017十一国庆节普吉岛旅游攻略
  • 林木种子标签怎么填
  • 碧蓝幻想wiki怎么查找特定角色信息
  • qq炫舞火炬传递任务怎么做
  • 热门搜索
    科技节手抄报 安全伴我行手抄报 五一劳动节手抄报 心理健康教育手抄报 节水手抄报简单又漂亮 手抄报 小学生安全手抄报 书香校园手抄报 心理健康手抄报 手抄报图片大全