中继器实现自动生成序号功能
2024-05-11
2024-05-11 10:23:35
阿多比设计
先来看看预览效果：
关于中继器其他内容传值不在这里阐述了，关于数据集中的xh这列可要可不要，内容可以不用填；序号是通过交互添加的。
1、先完成中继器的默认设置：选择中继器，在样式中设置分页，勾选多页显示，参考红框设置。
2、为中继器添加分类模块，交互稍后分享。
3、我们知道中继器的index可以自动生成序号，但序号的排序只针对当前显示的页面，也就是切换到第2页，序号依然是从1开始排序；因此今天的重心就是通过交互实现序号自动生成，并且根据分页自动切换。
a：添加全局变量：num，默认值为1，用来保存当前页码序号；
b：选择页码矩形：设置单击时，修改全局变量值为当前页码的文本；同时设置中继器当前显示页面为This.text；
例如：这样在单击页码1时，num中的值为1，同时列表也切换至第一页面；单击页码2，num中值为2，列表切换至第2页；
c：设置下拉列表改变列表每页显示数目；
d：设置序号：选择中继器里第一个矩形设计名称为xh；
e：为xh矩形添传值：设置中继器的每项加载，添加设置文本动作，设置xh的文本值为：[[Item.index+LVAR1*(num-1)]]，其中Item.index，为中继器索引，会自动生成序号；LVAR1，是每页显示条目数量；
f：以下为大家带入数据说明一下：
假设每页显示3条，单击页码1时：
假设每页显示4条，单击页码2时：
4、让页码能根据列表行数进行改变位置。
a：先将中继器转换为动态面板，命名为list，并将页码模板编组，命名为ym；
b：动态面板list添加交互：尺寸改变时，移动ym的位置，x轴：Target.x，y轴：This.bottom+50；
此处Target.x，为ym的x坐标，This.bottom+50为list的底部坐标+50；
c：因为中继器是包含中动态面板中的，在转换为动态面板的时候，尺寸会随内容变化大小；当中继器行数变化动态面板的尺寸也会变化。因此使用动态面板的尺寸改变时去触发动作的执行；
以上就是自动生成序号的制作过程，感兴趣的朋友可以测试一下~
提示：生成的序号不能按照排序进行调整。
最新文章
先来看看预览效果：
关于中继器其他内容传值不在这里阐述了，关于数据集中的xh这列可要可不要，内容可以不用填；序号是通过交互添加的。
1、先完成中继器的默认设置：选择中继器，在样式中设置分页，勾选多页显示，参考红框设置。
2、为中继器添加分类模块，交互稍后分享。
3、我们知道中继器的index可以自动生成序号，但序号的排序只针对当前显示的页面，也就是切换到第2页，序号依然是从1开始排序；因此今天的重心就是通过交互实现序号自动生成，并且根据分页自动切换。
a：添加全局变量：num，默认值为1，用来保存当前页码序号；
b：选择页码矩形：设置单击时，修改全局变量值为当前页码的文本；同时设置中继器当前显示页面为This.text；
例如：这样在单击页码1时，num中的值为1，同时列表也切换至第一页面；单击页码2，num中值为2，列表切换至第2页；
c：设置下拉列表改变列表每页显示数目；
d：设置序号：选择中继器里第一个矩形设计名称为xh；
e：为xh矩形添传值：设置中继器的每项加载，添加设置文本动作，设置xh的文本值为：[[Item.index+LVAR1*(num-1)]]，其中Item.index，为中继器索引，会自动生成序号；LVAR1，是每页显示条目数量；
f：以下为大家带入数据说明一下：
假设每页显示3条，单击页码1时：
假设每页显示4条，单击页码2时：
4、让页码能根据列表行数进行改变位置。
a：先将中继器转换为动态面板，命名为list，并将页码模板编组，命名为ym；
b：动态面板list添加交互：尺寸改变时，移动ym的位置，x轴：Target.x，y轴：This.bottom+50；
此处Target.x，为ym的x坐标，This.bottom+50为list的底部坐标+50；
c：因为中继器是包含中动态面板中的，在转换为动态面板的时候，尺寸会随内容变化大小；当中继器行数变化动态面板的尺寸也会变化。因此使用动态面板的尺寸改变时去触发动作的执行；
以上就是自动生成序号的制作过程，感兴趣的朋友可以测试一下~
提示：生成的序号不能按照排序进行调整。
咨询电话 : 19150192914
咨询微信 : 1964006600
学院地址 : 成都市高新区天府大道北段1480号孵化园5号楼4楼
咨询电话 : 19150192914
咨询微信 : 1964006600
成都市高新区天府大道北段1480号孵化园5号楼4楼
