Axure内联框架跟着页面内容自动改变高度

时间:2024-03-11 11:27:35

今天突然在做Axure内容的时候,想到能不能将内联框架做的像HTML界面一样,跟随页面内容自适应高度。想到这,就开始着手研究一波,最后成功找到思路。

  1. 先打开三个界面
    在这里插入图片描述

  2. 从元件库中拉出两个按钮和一个内联框架
    在这里插入图片描述

  3. 内联框架样式选择为隐藏边框,从不滚动
    在这里插入图片描述

  4. 在按钮测试1上打开交互,添加交互,点击单机时,选择框架中打开链接,链接到界面测试2,点击完成
    在这里插入图片描述

  5. 在按钮测试2上做如4操作,界面链接至测试3

  6. 点击项目,打开全局变量,添加全局变量为height,默认值为0
    在这里插入图片描述
    在这里插入图片描述

  7. 在测试2页面中拉入一个矩形框,矩形框的边框设置为0,在矩形框内输入页面内容
    在这里插入图片描述

  8. 点击刚刚的矩形框,新建交互,在交互中选择载入时,设置变量值,选择刚刚建好的全局变量height,设置为值,值选择函数[[This.height]]
    在这里插入图片描述

  9. 页面测试3如8所示,重复一遍

  10. 返回测试1界面中,点击测试1按钮,在测试1中添加动作,设置等待,等待时间设为200ms,在添加设置尺寸,选择内联框架,高设为全局变量height的值

  11. 测试2如10所示,内联框架高度自适应完成
    PS:有个小问题,每次刷新或者进入页面时会有一小段的等待时间