Axure中能使用栅格布局么？

Question

最近在网上找到一个新工具，试用了一下，提供了一种行列容器组件，可以在页面中使用栅格，可以根据浏览器的宽度自适应，这样挺好的，但是我在Axure中没有发现类似的组件。Axure中要实现页面自适应挺麻烦的，要根据每个不同的分辨率组件调整组件宽度，为以有点好奇，是我没找到地方么，还是Axure不支持这种栅格布局呢？

Answer 1

参考GPT和自己的思路：

Axure中可以使用栅格布局，但需要手动设置组件的尺寸。具体操作如下：

1.创建一个矩形框，设置它的尺寸和位置，例如1000px宽，居中对齐。

2.在矩形框中创建多个竖直方向的矩形框，每个矩形框设置相同的宽度，例如200px，高度则随意，在前两个矩形框中添加需要的组件。

3.依次设置所有矩形框的位置和间距（注意不要忘记设定每个矩形框的渲染顺序），完成后选择所有矩形框，右击菜单选择"Create Dynamic Panel"选项创建一个动态面板。

4.在动态面板中，每个竖直方向的矩形框会对应一个状态，Axure中状态名为"Panel x of y"，x为当前状态编号，y为总状态数，你可以根据实际需要进行重命名。

5.在每个状态下，将对应的竖直方向的矩形框选中并调整尺寸和位置，其他矩形框则保持不变。这个过程可能有点麻烦，但只需设置一次即可，后续根据需要进行调整。如果需要额外的栅格，只需将矩形框复制并粘贴到对应状态即可。

6.完成后在页面中使用动态面板，也就是上面创建的竖直方向的矩形框的容器，为了让它自适应浏览器大小，你需要设置面板宽度为100%，高度随意。

7.选中动态面板并在交互视图中添加"Set Panel State"交互，根据浏览器宽度设置要显示哪个状态，具体的逻辑可以自己编写。

总之，Axure虽然没有提供专门的栅格布局组件，但通过上述方法也能够实现自适应栅格布局。