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

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

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

我是大明同学。

下期见。

相关推荐
HAPPY酷29 分钟前
[UE5 避坑指南] 为什么打包后 UI 消失了?Launch Game 与强制加载
java·ui·ue5
周bro1 小时前
vue2+element ui 中的el-table表格 选中当前行当前行变色,单选/多选--------续集:表格样式修改整合
vue.js·ui·elementui
ZC跨境爬虫16 小时前
跟着 MDN 学 HTML day_17:媒体与 Web Audio API 自动播放指南——策略、检测与最佳实践
前端·笔记·ui·html·音视频·媒体
冬奇Lab17 小时前
一天一个开源项目(第66篇):awesome-design.md - 让 AI 助你打造像素级 UI 的设计规范
人工智能·ui·设计规范
星河耀银海17 小时前
C语言与数据库交互:SQLite实战与数据持久化
c语言·数据库·sqlite·交互
小姑爷17 小时前
微信4.1.5.16 UI树“消失”?UIAutomation实战复现+AI驱动RPA落地方案
人工智能·ui·微信
AI绘画哇哒哒19 小时前
RAG 系统中文档切分策略:如何选择合适的 chunk size?| 收藏这份实用指南,小白也能轻松上手大模型学习
人工智能·学习·ai·程序员·大模型·产品经理·转行
python零基础入门小白19 小时前
从0到1:手把手教你用Coze打造AI Agent,小白也能转行AI!
人工智能·学习·程序员·大模型·agent·产品经理·ai大模型
zdr尽职尽责20 小时前
UI同步屏幕自适应
ui
python零基础入门小白20 小时前
Transformer、Token、RAG全解析,一篇读懂大模型核心机制!
人工智能·深度学习·学习·语言模型·大模型·transformer·产品经理