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

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

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

我是大明同学。

下期见。

相关推荐
知识分享小能手1 小时前
jQuery 入门学习教程,从入门到精通, jQuery在HTML5中的应用(16)
前端·javascript·学习·ui·jquery·html5·1024程序员节
私人珍藏库17 小时前
Adobe Photoshop CS6 Lite:PS极端简化版,压缩后大小仅50M,Photoshop精简版
ui·adobe·photoshop
feiyangqingyun1 天前
Qt/C++编写GB28181服务/前后端分离/定义一套交互协议/视频点播/录像回放和控制/警情通知
c++·qt·交互
再希2 天前
React+Tailwind CSS+Shadcn UI
前端·react.js·ui
雪碧聊技术2 天前
什么是Axure?
产品经理·axure·根据需求,画页面原型
覆东流2 天前
Photoshop通道的应用
ui·photoshop
我命由我123452 天前
Photoshop - Photoshop 工具栏(24)磁性套索工具
学习·ui·职场和发展·求职招聘·职场发展·课程设计·美工
Larry_Yanan2 天前
QML学习笔记(五十二)QML与C++交互:数据转换——时间和日期
开发语言·c++·笔记·qt·学习·ui·交互
夏之繁花2 天前
Adobe Photoshop 2026 v27.0.0
ui·adobe·photoshop
我命由我123452 天前
Photoshop - Photoshop 工具栏(20)混合器画笔工具
经验分享·笔记·学习·ui·职场和发展·职场发展·photoshop