Axure内联框架的用法

内联框架的用法

一、用法介绍

内联框架的位置是在default基本元件中，它的用法非常简单。（说的通俗一点，内联框架就是在固定的区域显示内容，如果显示不了可以拖动滚条移动到其他的部分。）

首先拖动元件到新建的index画面中，然后可以通过外面的定界框更改内联框架的大小。

双击进去，可以设置内联框架的目标，也可以在检视-属性处找到内联框架并设置内联框架的目标。

比如这个地方我们选择page1。然后在页面出找到page1并双击打开它的页面。现在并没有放置什么东西，所以是空白的。

我们在元件库里面选择要用的元件并拖动到page1里面。这里放置了一些图片的占位符。

然后我们点击上面的切换栏切换到index界面， 这里的内联框架并没有将page1里面的内容实时显示出来，但是我们可以按F5预览一下。就可以看到page1里面的内容已经显示到了界面上，然后拖动滚条可以移动。


我们可以对内联框架做一些显示调整，比如右键内联框架里面有切换边框的可见性，我们点击并预览，可以看到原本外面的框被取消了只剩下了滚动条。


我们还可以进行滚动条的显示与隐藏，这里就不作说明了。

二、注意事项

1.链接跳转问题

如果需要从一个界面跳到另一个界面（而不是内联框架里面的内容改变），在打开链接的时候要选择父级链接才能够跳转出来。

我们先给内联框架的里面添加一些内容，然后在page3也用同样的内容框架。

在page1里面（page1是内联框架的显示内容）添加一个按钮，选中它的情况下在检视部分直接创建链接到page3。

预览的时候点击按钮可以看到他在内联框架里面打开了page3，而不是跳转到界面page3。


如果想要它跳转到page3而不是在内联框架里面打开page3，就需要设置按钮的链接时添加用例然后选择父级框架并选择page3。

然后我们预览并点击按钮就可以看到页面跳转到了page3。

2.显示内容问题

内联框架显示的page1的内容是从00处开始的，，这里就是将内容放在了page1的左上角而不是内联框架所在页面：index的相应位置。

如果我们将显示内容往中间放一点。

回到index页面并预览可以看到在内联框架中看不完图片显示区，需要滚动滚条才能够看见。