Axure PR 9 中继器 02 分页提示


大家好,我是大明同学。

接着上期的内容,这期内容,我们来了解一下Axure中继器图表分页提示。

预览地址:https://7rkihx.axshare.com

分页提示

1.打开上期RP 文件,设置分页提示,在元件库中拖入一个矩形,在样式窗格中输入名称"分页提示",宽值根据业务情况设置,高值设为35,输入文本"当前显示 条/共 条,当前第 页/共 页" 字体颜色 黑色 向左靠齐,基于中继器元件左下角对齐。

2.选中 推荐位表格 中继器元件,在样式窗格,分页 中勾选多页显示 每页项数量 10

3.选中 推荐位表格 中继器元件 右键 转为动态面板,在样式窗格 将高值设置为 450,动态面板 垂直滚动

4.对齐分页提示 并预览效果。

添加交互

1.选中"分页提示"矩形框,在交互窗格中新建交互,载入时 设置文本,分页提示 文本 值

值,插入变量或函数,添加局部变量 LVAR1 等于 元件 推荐位表格,插入变量或函数 :当前显示 \[LVAR1.visibleItemCount] 条/共 \[LVAR1.itemCount] 条,当前第 \[LVAR1.pageIndex] 页/共 \[LVAR1.pageCount] 页

点击确定,预览效果。

预览地址:https://7rkihx.axshare.com

好的,这期内容到这里就结束了。

跟着做的同学可以将文件保存。

我是大明同学。

下期见。

相关推荐
蓝速科技7 小时前
蓝速科技 3D 全息数字人舱实景效能与选型指南
大数据·人工智能·科技·3d·交互
cy_cy0028 小时前
折幕影院怎样实现虚实一体?
大数据·科技·人机交互·交互·软件构建
之歆8 小时前
Day21_电商详情页核心技术实战:从LESS预处理到复杂交互实现
开发语言·前端·javascript·css·交互·less
UnicornDev10 小时前
【Flutter x HarmonyOS 6】设置页面的UI设计
flutter·ui·华为·harmonyos·鸿蒙
ZC跨境爬虫10 小时前
跟着 MDN 学CSS day_31:(精通链接样式,从伪类到导航菜单)
前端·javascript·css·ui·交互
都在酒里11 小时前
Linux字符设备驱动开发(九):内核定时器——实现LED周期性闪烁与轮询驱动原理
linux·运维·驱动开发·交互
都在酒里12 小时前
Linux字符设备驱动开发(十):综合实例——I2C传感器 + LED智能控制与进阶指南
linux·运维·服务器·驱动开发·交互
lzp079112 小时前
元数据驱动开发 - 面向对象编程思想的补充(上)
spring boot·后端·ui
Ulyanov1 天前
用声明式语法重新定义Python桌面UI:QML+PySide6现代开发入门(一)
开发语言·python·算法·ui·系统仿真·雷达电子对抗仿真
都在酒里1 天前
Linux字符设备驱动开发(七):输入子系统——驱动GPIO按键并上报事件
linux·驱动开发·交互