今天突然在做Axure内容的时候,想到能不能将内联框架做的像HTML界面一样,跟随页面内容自适应高度。想到这,就开始着手研究一波,最后成功找到思路。
-
先打开三个界面
-
从元件库中拉出两个按钮和一个内联框架
-
内联框架样式选择为隐藏边框,从不滚动
-
在按钮测试1上打开交互,添加交互,点击单机时,选择框架中打开链接,链接到界面测试2,点击完成
-
在按钮测试2上做如4操作,界面链接至测试3
-
点击项目,打开全局变量,添加全局变量为height,默认值为0
-
在测试2页面中拉入一个矩形框,矩形框的边框设置为0,在矩形框内输入页面内容
-
点击刚刚的矩形框,新建交互,在交互中选择载入时,设置变量值,选择刚刚建好的全局变量height,设置为值,值选择函数[[This.height]]
-
页面测试3如8所示,重复一遍
-
返回测试1界面中,点击测试1按钮,在测试1中添加动作,设置等待,等待时间设为200ms,在添加设置尺寸,选择内联框架,高设为全局变量height的值
-
测试2如10所示,内联框架高度自适应完成
PS:有个小问题,每次刷新或者进入页面时会有一小段的等待时间