【Axure】--repeater（中继器）实现行上移下移

最新推荐文章于 2024-07-17 10:14:55 发布
最新推荐文章于 2024-07-17 10:14:55 发布
阅读量7.3k 收藏 2
点赞数 1
分类专栏： 图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/onlybymyself/article/details/70494798
版权
本篇博客介绍了如何在Axure中利用中继器（Repeater）组件实现行的上移和下移功能。通过设置图标、整理布局，并结合全局变量与事件处理，实现了点击按钮调整行顺序的效果。详细步骤包括添加Repeater组件，创建表头，设置数据，以及添加上移和下移事件，确保数据排序正确。
摘要由CSDN通过智能技术生成

案例效果：



案例描述：

点击上下移动的按钮，移动相应题型顺序。


元件准备：

上移、下移图标：


Repeater:

最低0.47元/天 解锁文章
非本人文章
关注
专栏目录
Axure-repeater实现Item的复制、删除、上下移、最前最后
Just do it!
01-08 5248
引言  Axure RP 在7.0之后推出了一个新功能Repeater（中继器），相信大家如果接触过ASP.NET的话，肯定对这个控件不陌生，在ASP.NET中同样也有Repeater控件用来显示重复的项目列表。Axure和ASP.NET的Repeater原理基本上是一致的，有了ASP.NET的Repeater的基础，理解Axure中的Repeater不是什么难事。 实现  我们通过一个实例来依次
Axure学习：网站后台导航菜单的制作及对应内容的显示
06-23 787
不少产品经理主要做的产品是后台系统，在做后台原型的时候对于有些部分的内容存在一些疑惑。 我们的学员也是一样，在做后台的时候遇到了一些问题，请教了老师，得到了解答。这里和大家分享一下，同学们的问题以及解决方法，希望能给大家一些帮助。 同学们的问题主要集中在后台的导航菜单，以及相对应界面的显示上。因为问到的问题具体是涉及到同学正在做的工作，所以不方便将同学原本的图片等展示出来。为了方便解释，这里换了一个例子。 那慢慢一个个问题来看。 1、动态面板和母版 这里的问题主...
中继器上下滑动 axure
07-22
关于中继器实现上下滑动，一直困惑于这个问题，总算在网上找到了这个问题的答案，现在上传上去和大家一起分享
Axure中继器入门：打造你的动态原型
最新发布
我码玄黄的博客
07-17 553
`中继器` 是 `Axure` 中的一个高级功能，它能够在静态页面上模拟后台数据交互的操作，如增加、删除、修改和查询数据，尽管它不具备真实数据存储能力。
利用中继器制作上移下移
06-27 1131
上移下移是我们在制作原型的时候经常会用到的功能，远的不说，就看我们axure里面就有好多地方用到了上移下移。例如，页面窗口中对不同的页面进行移动，动态面板的状态管理窗口中对动态面板的状态进行移动。这里我们就用大家熟悉的动态面板的状态管理窗口作为案例给大家看看吧。先看一下效果是怎么样的。那要怎么做才好呢？我们可以利用中继器，来完成它。首先，我们把需要的元素画出来。主要是要来做状态的移动，所以其他部分...
【Axure教程】中继器表格寻找和标记数据
mushe93的博客
05-11 1808
今天教大家如何在Axure中用中继器制作能过寻找和标记数据的原型模板~~~
AxureRP9 中继器的简单使用
weixin_43164078的博客
01-08 3192
AxureRP9 之中继器的使用 小白一枚，首次接触Axure 写这篇博客可以复习中继器的使用防止自己忘记 1.首先拖动有个表格，并删除除表头以外的行 将表格首行全部复制下来，然后加入拖入中继器，并且双击点击进入中继器，粘贴上述复制的表头并排好顺序(操作：Ctrl+V 然后将样式中位置和尺寸中的x,y改为0即可)，然后退出中继器 3.在中继器的页面中，将表格中的内容删掉 退出中继器如下图 4.然后再点击中继器，在右面样式中设置列的内容 4.然后在交互中将表格中的列与其相应的值对应 然后依次一一对应 5.
Axure设计-自动合计（中继器）
06-07
Axure设计—自动合计（中继器）；Axure设计—自动合计（中继器）；Axure设计—自动合计（中继器）；Axure设计—自动合计（中继器）；
Axure-使用中继器实现表格行数的自增功能
04-08
Axure工具-使用中继器实现表格行数的自增功能，可供大家参考使用
axure-chrome-extension（axure浏览器插件）.zip
09-10
1. 下载与解压：首先从可靠的来源下载"axure-chrome-extension.zip"文件，解压后得到包含插件的文件夹。 2. 安装插件：打开谷歌浏览器，进入设置>更多工具>扩展程序，开启“开发者模式”，然后点击“加载已解压的...
axure的中继器实现聊天对话功能
11-29
软件工程设计，使用AxureRP8，运用到中继器，实现聊天对话功能，实现的核心是透明度的动态修改，即可做到交互式模拟聊天，效果图：https://blog.csdn.net/weixin_46820226/article/details/110354872
Axure设计-滚动加载（中继器 ）
06-06
Axure设计—滚动加载（中继器 ）；Axure设计—滚动加载（中继器 ）；Axure设计—滚动加载（中继器 ）Axure设计—滚动加载（中继器 ）Axure设计—滚动加载（中继器 ）；Axure设计—滚动加载（中继器 ）
this.$router.push如何刷新页面_Axure制作页面下拉时，顶部导航浮动并切换的交互效果...
weixin_39531582的博客
12-11 233
如何利用Axure做出页面下拉时顶部导航浮动并切换的交互效果? 本文将分别讲述移动端和PC端应该如何做。通常在一些大型的电商网站常见，首页内容下滑时，超过顶部导航高度时，顶部导航随着下滑固定在浏览器顶部，并在样式上有变化。如下两图：下滑前图例下滑后图例如何利用Axure做出这样的交互效果? 本文将详细讲述移动端和PC端应该如何做。(PC端交互效果)拉取一个动态面板，命名“顶部导航”，宽度1300P...
【Axure9百例NO.46】中继器多条件判断的一种优雅处理方式
yotoodesign的博客
03-23 2301
“多条件交互处理非常好用的方法。” 这是《Axure9百例》系列第46篇 在上次的【Axure9百例NO.45】中继器的不同场景下的样式处理里留了一个话题，如何处理多个条件判断。即如果要满足多个条件，如何遍历每个场景并处理。继续看一下上次的问题： 1）有新消息，有免打扰 2）有新消息，无免打扰 3）无新消息，有免打扰 4）无新消息，无免打扰 正常的思路和之前解释的一样，把上面这个4个场景遍历一下，即： ifnew_msg == "1"并且mute =="1" ...
【Axure视频教程】中继器表格——标记行和批量操作
mushe93的博客
05-16 514
Hello，今天教大家制作一个能标记行和批量操作中继器表格的原型模板，该模板使用简单，复用性强。再次使用时，只需要在中继器表格里填写内容，自动生成高保真效果，所以强烈推荐给大家。该教程从材料准备到完成交互，手把手的教学。 【视频教程——试看版】 【Axure教程】中继器表格——标记行和批量操作 【完整教程】 https://mp.weixin.qq.com/s?__biz=MzI4MzE1NDA0OQ==&mid=2247488244&idx=1&sn=790d6773
axure下移固定地方_AxureRP教程
weixin_39604280的博客
02-15 611
固定工具栏菜单栏效果在对外产品上设计的不多，最常见得应用是在一些产品的管理后台，如常见的CMS系统的管理后台，像shopex，ecshop这样的，而在对内的产品设计上应用的会比较多一些。这个效果就类似Excel里面的固定抬头，无论下面怎么滚动，抬头的位置都是不动的，这样就方便用户随时的确认。所以这个效果一般常用于设计报表展示页面，或者是一些系统设置页面。之所以这个效果在对外产品上用的不多，有一个可...
Axure：使用中继器（Repeater）制作表格
热门推荐
易義的博客
03-07 1万+
效果图：步骤：1、底层矩形使用数值调整宽高；Fill无填充颜色；Border有边框：第一种直线，选择边框颜色#CCCCCC2、表头和水平线使用表格（Table）作表头，表格宽度略小于底层矩形，Border无边框水平线隔开表头和表格内容，Fill选择和底层边框同样填充颜色3、中继器（1）布局容器拖动出Repeater，双击进入具体页面（这里相当于布置容器）用一个矩形作为底框，复制四个小矩形代表表格共...
【Axure 答疑】页面滚动到一定位置显示功能按钮
11-07 1278
窗口页面是整体向上滚动的，在滚动的过程中，这个临界位置会与“回到顶部”按钮有所接触。前面的两个步骤的设置，最主要的目的是能够保证窗口页面在滚动的时候，始终有两个部件保持接触，也就是“返回顶部”按钮和定位的热区。在两个部件互相接触的时候，切换“返回顶部”的动态面板到非空白的状态，显示出按钮。两个部件未接触的时候，隐藏按钮，也就是切换“返回顶部”的动态面板到空白的状态。根据我们的实际需要，在页面滚动的时候，需要将“回到顶部”按钮保持在相对固定的位置。选择“回到顶部”按钮，单击鼠标右键，选择“转换为动态面板”
评论 34
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值