最近在网上找到一个新工具,试用了一下,提供了一种行列容器组件,可以在页面中使用栅格,可以根据浏览器的宽度自适应,这样挺好的,但是我在Axure中没有发现类似的组件。Axure中要实现页面自适应挺麻烦的,要根据每个不同的分辨率组件调整组件宽度,为以有点好奇,是我没找到地方么,还是Axure不支持这种栅格布局呢?
Axure中能使用栅格布局么?
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
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之后,代码跳到注释行里面