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

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

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

我是大明同学。

下期见。

相关推荐
top_designer17 小时前
告别“静态”VI手册:InDesign与AE打造可交互的动态品牌规范
设计模式·pdf·交互·vi·工作流·after effects·indesign
嵌入式学习和实践17 小时前
C# WinForms 多窗口交互通信的示例-主窗口子窗口交互通信
c#·交互·主窗口-子窗口通信
知识分享小能手1 天前
uni-app 入门学习教程,从入门到精通,uni-app基础扩展 —— 详细知识点与案例(3)
vue.js·学习·ui·微信小程序·小程序·uni-app·编程
Larry_Yanan1 天前
QML学习笔记(四十二)QML的MessageDialog
c++·笔记·qt·学习·ui
Javashop_jjj1 天前
三勾软件| 用SpringBoot+Element-UI+UniApp+Redis+MySQL打造的点餐连锁系统
spring boot·ui·uni-app
程序员杰哥2 天前
UI自动化测试实战:从入门到精通
自动化测试·软件测试·python·selenium·测试工具·ui·职场和发展
梵得儿SHI2 天前
Prompt Engineering 核心知识:从基础模式到思维链,掌握大模型高效交互秘籍
大模型·prompt·交互·提示词·对话·大模型提问艺术·极简指令
IT小哥哥呀2 天前
工业互联与设备IOT助力生产制造实践分享
物联网·交互·制造·简单工厂模式
jjjxxxhhh1232 天前
【项目-】Qt + QCustomPlot 实现频谱监测仪:四图联动、高频信号注入、鼠标交互全解析
开发语言·qt·交互
Larry_Yanan2 天前
QML学习笔记(四十)QML的ApplicationWindow和StackView
c++·笔记·qt·学习·ui