Axure PR 9 中继器 10 编辑行

最新推荐文章于 2025-04-25 09:27:54 发布

PM大明同学

最新推荐文章于 2025-04-25 09:27:54 发布

阅读量264

点赞数 3

文章标签： axure 交互产品经理 ui

本文链接：https://blog.csdn.net/WGzhuiri/article/details/144234319

版权

大家好，我是大明同学。

接着上期的内容，这期内容，我们来了解一下Axure中继器数据表编辑行交互设计。

预览地址：https://bpkvcd.axshare.com

编辑行

1.打开上期RP 文件，复制新增弹窗元件，粘贴到画布上并命名为编辑弹窗或修改弹窗，这个随意，没有特殊要求，其他的就不用改了，如果有特殊要求，也可以根据实际业务调整。

预览地址：https://bpkvcd.axshare.com

好的，这中继器这一套内容到这里就结束了。

后续还会更新一些跟中继器相关的内容。

大家对中继器的内容有啥想学习的，也可以在留言区留言。

我是大明同学。

下期见。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

PM大明同学

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

AxureRP：中继器与列表动态内容_2024-07-22_05-24-37.Tex

11-16

618

中继器是 Axure RP 中用于处理动态列表和表格数据的关键组件。它能够根据数据源中的数据自动调整其内容和布局，非常适合用于展示数据库查询结果、用户列表、产品目录等动态内容。中继器支持的数据源可以是 Axure 自带的数据表格，也可以是外部导入的 CSV 或 JSON 文件。Axure RP允许你自定义中继器的样式，包括行的样式、列的样式，以及如何响应数据的变化。

Axure PR 9 中继器 08 添加行

WGzhuiri的博客

04-07

206

3.在交互窗格每项载入时设置文本，编号ID 文本 [[Item.bianhao]] 改为 Z[[Item.bianhao+10000]]2.双击中继器动态面板，进入中继器，在样式窗格数据将bianhao 列改为数值。1.打开上期RP 文件，为了方便演示，需要对上期的内容做些调整，仅保留五条数据。接着上期的内容，这期内容，我们来了解一下Axure中继器数据表添加行交互设计。好的，这期内容到这里就结束了。跟着做的同学可以将文件保存。大家好，我是大明同学。

参与评论您还未登录，请先登录后发表或查看评论

Axure PR 9 中继器 09 删除行

WGzhuiri的博客

04-10

219

1.打开上期RP 文件，设计一个删除弹窗元件，创建为动态面板，并在样式窗格命名为删除弹窗。接着上期的内容，这期内容，我们来了解一下Axure中继器数据表删除行交互设计。2.选中取消按钮，在交互窗格新建交互，单击时显示/隐藏隐藏删除弹窗，遮罩。好的，这期内容到这里就结束了。跟着做的同学可以将文件保存。大家好，我是大明同学。

Axure PR 9 中继器 04 条件查询

WGzhuiri的博客

03-10

383

1.打开上期RP 文件，在元件库中拖入一个文本框，在样式窗格中命名编号ID，将宽值设为100，高值设为 30，线段设为浅灰色（#D7D7D7）线宽值为1 元件半径值为3 边距左侧 10，具体可根据实际业务设计。2.选中编号ID文本输入框，在交互窗格文本框属性交互样式中添加获取焦点的样式，线段颜色蓝色（#0052D9）边框宽度 1，提示文本 “请输入编号”。接着上期的内容，这期内容，我们来了解一下Axure中继器图表条件查询。好的，这期内容到这里就结束了。大家好，我是大明同学。

Axure PR 9 中继器 02 分页提示

WGzhuiri的博客

02-17

481

1.打开上期RP 文件，设置分页提示，在元件库中拖入一个矩形，在样式窗格中输入名称“分页提示”，宽值根据业务情况设置，高值设为35，输入文本“当前显示条/共条，当前第页/共页” 字体颜色黑色向左靠齐，基于中继器元件左下角对齐。1.选中“分页提示”矩形框，在交互窗格中新建交互，载入时设置文本，分页提示文本值。2.选中推荐位表格 中继器元件，在样式窗格，分页中勾选多页显示每页项数量 10。接着上期的内容，这期内容，我们来了解一下Axure中继器图表分页提示。点击确定，预览效果。

Axure PR 9 中继器 07 高亮勾选

WGzhuiri的博客

03-28

281

选中勾选 icon 在样式窗格将宽高值设置为 18 右键变换图片转换SVG图片为图形，在样式窗格将填充颜色设置为蓝色（#0052D9）1.打开上期RP 文件，在iconfont上找一个勾选icon 复制SVG粘贴到画布。接着上期的内容，这期内容，我们来了解一下Axure中继器数据表高亮勾选交互设计。好的，这期内容到这里就结束了。跟着做的同学可以将文件保存。大家好，我是大明同学。

Axure PR 9 中继器 05 快捷查询

WGzhuiri的博客

03-11

269

接着上期的内容，这期内容，我们来了解一下Axure中继器数据表快捷查询交互设计。1.打开上期RP 文件，删除查询按钮。好的，这期内容到这里就结束了。跟着做的同学可以将文件保。大家好，我是大明同学。

Axure PR 9 中继器 03 翻页控制

WGzhuiri的博客

02-28

235

1.打开上期RP 文件，在元件库中拖入一个矩形，宽值根据业务实际情况配置，高值设置为35 ，线段设为灰色（#D7D7D7）线段值为 1，圆角半径 3 并输入文本首页，基于分页提示对齐。接着上期的内容，这期内容，我们来了解一下Axure中继器图表翻页控制。好的，这期内容到这里就结束了。跟着做的同学可以将文件保存。大家好，我是大明同学。

Axure PR 9 中继器 标签

最新发布

WGzhuiri的博客

04-25

107

这期内容，我们来了解一下Axure中继器数据表标签交互设计。大家好，我是大明同学。好的，这里就结束了。

Axure PR 9 中继器 06 分类排序

WGzhuiri的博客

03-21

308

1.打开上期RP 文件，在iconfont上找一个升序的icon，复制SVG 粘贴到画布。选中icon 在样式窗格将宽高值设置为 15 ，右键变化图片转换SVG图片为形状。接着上期的内容，这期内容，我们来了解一下Axure中继器数据表分类排序交互设计。好的，这期内容到这里就结束了。跟着做的同学可以将文件保存。大家好，我是大明同学。

Axure设计之日期时间范围选择器.rp

11-14

在Axure中制作一个日期时间范围选择器，你可以利用Axure的动态面板、中继器、文本框、按钮以及时间函数来实现。以下是一个详细的步骤指南，包括如何载入时获取对应的年月日、时分秒，并使用6个时间函数： Now....

axurePR8.0模拟微信功能

12-24

本文将详细探讨如何使用axurePR8.0来模拟微信的部分核心功能，并重点介绍中继器在朋友圈功能中的应用。首先，需要明确的是axurePR8.0在模拟微信功能时的优势。通过axurePR8.0，设计者可以迅速搭建起一个模拟环境，...

Axure 8 - 中继器实战篇

Amydom的博客

12-12

5168

引言：本文将介绍Axure中，中继器的基本用法以及通过中继器实现「增、删、改、查」四大基本功能（由于Axure9笔者还在适应中，所以暂时以Axure8为例）正文： 1、中继器介绍 中继器是在Axure7.0中被提出的全新概念，可以将它抽象的理解为一个数据集，里面可以导入数据和图像，以及进行增、删改、查、排序等高级交互动作。 ...

Axure复选框组件的深度定制：实现自定义大小、颜色与全选功能

招风的黑耳CSDN

04-24

559

默认情况下，Axure中的复选框组件具有固定的大小。然而，通过一些技巧，我们可以轻松实现复选框大小的自定义。使用矩形替代：在Axure中，可以通过绘制矩形并添加交互状态来模拟复选框。首先，绘制一个矩形作为复选框的背景，然后通过“选中时”和“未选中时”的交互状态，为矩形添加不同的样式（如边框、填充色），从而在“选中”状态下实现复选框的“打勾”效果。调整尺寸：直接在Axure的“样式”面板中调整矩形的大小，即可间接实现复选框大小的自定义。复选框的颜色不仅影响视觉效果，也是品牌一致性的重要体现。基础颜色设置。

移动端动态滑动拨盘选择器【Axure元件库】

招风的黑耳CSDN

04-21

392

该模板主要使用中继器、动态面板和矩形制作，使用简单，复用性强。只需对中继器数据表格中的数据项进行修改、增删即可。模拟移动端底部对话框效果，制作的年份、日期滑动拨盘选择器，支持日期动态滑动选择，提升原型制作强度。版本支持：Axure rp 9、10 及 11。--- End·往期推荐---交互动效：拨盘支持点击和滑动选择；

高保真动态项目管理图表集

招风的黑耳CSDN

04-21

761

Axure动态项目管理图表集Axure 9（支持高版本）高保真V1.0作品预览-【持续更新】高保真动态项目管理图表集本作品为项目管理图表类原型，以关系图谱、甘特图、流程图、泳道图为核心，提供基础的图表设计风格和交互案例，再进阶到高级的动态交互设计，由浅入深诠释Axure设计高端复杂的动态交互设计的魅力。目前关系图谱、甘特图支持动态交互、拖放拖拽效果。关系图谱——是一种以图结构形式组织和呈现实体间复杂关联关系的可视化数据模型。它通过节点和线构建多维度网络，能直观揭示隐藏的群体特征和传播路径。

【Axure高保真原型】动态折线图

mushe93的博客

04-23

142

今天和大家分享动态折线图的原型模板~~~~

【产品经理从0到1】原型及Axure介绍

qq_41413652的博客

04-24

812

功能：用于快速制作原型的软件，它在无需编码的情况下构建低、高保真的原型，只需拖、拉、编辑即可完成；原型：用线条、图形描绘出的产品框架，也称线框图，是需求和功能的具体化表象；作用：1、原型是需求和功能的具体化表象，可以辅助产品经理与领导、UI、和技术进行沟通；2、原型相对于手稿而言，信息含量更丰富。选择、置顶、组合选择：建议⼤家使⽤“包含选中”，这样可以避免误操作；缩⼩/放⼤：⼤家在制作原型的时候，这两个功能要经常使⽤，提升原型制作效率；

Axure疑难杂症：母版菜单设置打开链接后菜单选中效果

benleiqiang的博客

04-24

错误做法：选中菜单项后——单击时打开链接——设置选中；（你以为的逻辑正确，但是实现不了……）

axure rp9中继器删除行

02-13

### 如何在 Axure RP9 中从数据表中继器删除一行在 Axure RP9 的中继器（Repeater）功能里，要实现从数据表中移除某一行的操作，通常涉及两个主要方面：一是设置交互事件以便触发删除动作；二是更新绑定的数据源以反映这一变化。对于具体操作而言，在想要支持行级删除的 Repeater 组件内部放置一个按钮或其他可点击元素用于表示“删除”。当用户点击该元素时，通过设定相应的用例逻辑来执行实际的删除行为[^2]。此过程中涉及到的关键点如下： #### 设置交互条件定义好触发删除动作的具体情形，比如鼠标单击特定图标或链接文字等。这一步骤可通过选中目标控件后进入其属性面板中的“交互”选项卡完成配置。 #### 更新数据集为了使被标记为待删状态的数据项不再显示于前端视图内，则需调整关联至 Repeater 后端的数据集合。一种常见做法是在上述提到的动作发生之后立即调用`RemoveItem()`函数作用于当前实例之上，从而达到即时刷新的效果[^3]。下面给出一段 JavaScript 伪代码片段作为辅助理解： ```javascript // 假设 'repeater' 是指代我们正在处理的那个容器对象, // 而 index 则代表欲消除记录所在位置索引值. function removeRow(repeater, index){ var ds = repeater.getDataSource(); // 获取数据源 if (index >=0 && index <ds.length){ ds.removeItem(index); // 移除指定项目 repeater.refreshData(); // 强制重新加载最新版本 } } ``` 值得注意的是，以上方法适用于静态本地存储方式下的简单应用场景。如果面对更复杂情况如远程服务器获取动态内容的情形下，则可能还需要额外考虑网络请求同步等问题。