axure 表格自适应界面

本文介绍了如何在Axure中创建自适应的表格界面。通过设置百分比宽度和利用全局变量来调整表格的位置,实现了界面尺寸变化时表格的动态适应。关键在于获取上一表格的坐标并结合设定的百分比宽度计算新表格的位置。步骤包括建立全局变量,页面加载时计算各表格坐标,并在窗口resize时更新布局。
摘要由CSDN通过智能技术生成

思路和效果如下图:

在给定宽度(all_from)内,给列表百分比宽度,后续修改中,只需要修改all_from,all_from_y,既可调整大小和位置

问题:做自适应表格时,唯一不确定的就是有些表格的大小,从而导致位置的不确定性,那么我们只需要获取到你上一个表格的坐标x,以及你要给表格设定的百分比(宽度),就可以知道你下一个表格的位置了,this.x+this.width

说明:a1-a6分别对应的6列表格,其中 a1(78),  a5(96),  a6(332),这三列给的是固定宽度,我这里a2,a3,a4是平均分配的,你可以自己去定义

步骤:

1,建立全局变量( all_from ),和全局变量( all_from_y ),

2,页面加载时事件:

a1的坐标位置应该是-------------a1的x轴和y轴的点

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值