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

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

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

我是大明同学。

下期见。

相关推荐
白玉cfc11 小时前
【iOS】网易云仿写
ui·ios·objective-c
小乖兽技术11 小时前
C#与C++交互开发系列(二十四):WinForms 应用中嵌入C++ 原生窗体
c++·c#·交互
henreash14 小时前
NLua和C#交互
开发语言·c#·交互
小马哥编程15 小时前
如何解决 undetected_chromedriver 启动慢问题
chrome·selenium·ui
帧栈19 小时前
开发避坑短篇(6):Vue+Element UI 深度选择器实现表单元素精准对齐的技术实践
vue.js·ui·elementui
哥本哈士奇19 小时前
Web前端交互利用Python跟大模型操作
前端·python·交互
天若有情67320 小时前
从一个“诡异“的C++程序理解状态机、防抖与系统交互
开发语言·c++·交互·面向对象·状态机
henreash20 小时前
xLua和C#交互
开发语言·c#·交互
吗喽对你问好1 天前
Android UI 控件详解实践
android·ui
太阳上的雨天1 天前
与 TRON (波场) 区块链进行交互的命令行工具 (CLI): tstroncli
typescript·区块链·交互·tron·trx·trc20