随他爸?随他爸! 2020-02-21 08:42 采纳率: 0%
浏览 532

Axure中能使用栅格布局么?

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

  • 写回答

2条回答 默认 最新

  • lshen01 2023-03-17 08:56
    关注

    参考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虽然没有提供专门的栅格布局组件,但通过上述方法也能够实现自适应栅格布局。

    评论

报告相同问题?

悬赏问题

  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 C#调用python代码(python带有库)
  • ¥15 矩阵加法的规则是两个矩阵中对应位置的数的绝对值进行加和
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面