思路和效果如下图:
在给定宽度(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轴的点----------[[a1.x,all_from_y]]
a2的坐标位置应该是-------------a1的x轴+a1元件的宽度和y轴的点----------[[a1.x+a1.width,all_from_y]]
同理....a3,a4,a5,a6
( 我这里设置了,局部变量方便管理-LVAR1

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

被折叠的 条评论
为什么被折叠?



