-
Axure 中继器实现轮播图动态指示器效果
下载教程源文件:中继器实现轮-图动态指示器效果_RP10 (支持Axure RP 10及以上版本) 用动态面板来实现轮播图的效果非常简单，但我相信轮播图的指示器会难倒不少人，以至于很多人在设计轮播图指示器的时候，会直接将指示器的交互写死，导致每次新增轮播图都要调整指示器的交互。 本文分享通过中继器来实现轮播图动态指示器效果，设计完成后，如果有新增的轮播图，只需要在中继器内新增数据即可轻松实现动态…- 1k
- 0
-
-
可能是 Axure 中继器实现树形结构的最简单教程
下载教程源文件（密码：0000）> 网上看了几个关于中继器实现树形结构的教程，感觉都略显复杂，所以动手做了一个，应该算是目前来讲用中继器实现树形结构最简单的方式了，先看看效果。 接下来上教程。 先在工作区添加一个中继器，中继器內的元件如下： 画个图会更清晰一点： 最外层是一个中继器，命名为“树”； 第二层是一个动态面板，只有一个状态，命名为“节点”； “节点”內有一个动态面板，命名为“箭头方…- 4.8k
- 0
-
Axure 实现选取表格行、列交互
在办公软件或富文本编辑器中插入表格的时候，我们经常可以看到如下交互： 通过在表格上移动鼠标，可以选取想要插入的表格行、列数，本文分享如何通过 Axure 实现这个交互。 这个交互的实现用到了中继器，所以首先在工作区拖入一个中继器元件，中继器內放一个矩形，并设置为每行10项水平分布： 再返回中继器外，在中继器上方放一段文本，默认文字为：插入表格：0行 * 0列。效果如下： 鼠标在中继器的矩形上移动时…- 3.3k
- 0
-
巧用 Axure 中继器 index 调整表格排序
以下是本文要实现的效果，点击“添加”按钮可以往表格内添加一行，点击“删除”按钮可删除当前行，点击箭头可交换上下两行的排序，上箭头与上一行交换排序，下箭头与下一行交换排序。 这里表格是通过中继器控制的，中继器內有两列数据，order_num 用来排序，name 用来保存姓名： 在中继器载入时，按排序值 order_num 进行排序： 要在中继器中交换两…- 3.2k
- 0
-
Axure 实现智能客服关键词自动回复效果
以下是项目的最终效果，有兴趣可点击 传送门>> 体验 本文主要分享该项目中实现关键词自动回复的核心逻辑。 首先，客服的对话窗口是一个中继器，关于如何通过中继器实现这种对话效果，各位可参考本人之前分享的文章《【Axure 教程】中继器，你过来，我们“聊聊”》，本项目就是在此基础上修改的。 接下来讲讲重点——如何实现关键词自动回复效果。 首先讲一下原理。这个功能的实现需要两个中继器，一个是…- 1.6k
- 0
-
我用 Axure 做了一个云盘
以下是云盘界面的截图，有兴趣的朋友可以通过原型体验一下，传送门>> 本文主要分享这个项目的设计中最核心的两个要点：如何用 Axure 中继器实现目录分级和动态路径。 目录分级 我们在资源管理器或云盘中访问一个文件的时候，如果这个文件被放在多个文件夹下，我们需要一层一层展开文件夹，直到找到文件为止，这个层层嵌套的结构，就是目录分级。 接下来看一下在 Axure 中，如何实现这样的效果。 …- 2.7k
- 1
-
Axure 中继器+动态面板实现拖拽式穿梭框教程
本文由微信公众号：产品锦李（ID：IMPM996） 授权发布，未经许可，禁止转载，本教程源文件免费下载传送门>> 中继器和动态面板是 Axure 的两大神器，本文分享一个综合运用两者来实现拖拽式穿梭框的教程，先看一下效果。 点击 传送门>> 体验。 功能没有太多需要介绍的，这里需要注意，拖动的时候有个鼠标的“碰撞”事件，如果鼠标指针没有进入目标容器就…- 2.4k
- 0
-
Axure 中继器拖拽排序
本文由微信公众号：产品锦李（ID：IMPM996） 授权发布，未经许可，禁止转载，本教程源文件免费下载传送门>> 本文需要读者掌握中继器的基础用法，如果你还不懂中继器如何使用，请先参考我之前写过的文章。传送门>> 首先看看效果。 掌握了本文的思路，你可以很简单地设计出各种场景的排序效果，比如下方的银行卡列表排序。 点击 传送门>> 可以在线进行体验。 接下来通过…- 1.4k
- 0
-
【Axure 教程】中继器，你这个“渣男”（番外篇）
本文由微信公众号：产品锦李（ID：IMPM996） 授权发布，未经许可，禁止转载，本教程源文件免费下载传送门>> Axure 中继器提供了非常丰富的功能，但却没有现成的数据统计功能，没有办法像 Excel 表格那样，通过简单的公式就能够统计出我们所需要的数据，但这同样难不倒产品经理，本篇文章，带你了解怎么统计中继器的各种数据。 点击 传送门>> 体验。 本文需要你先了解中继…- 2.4k
- 1
-
验证码，除了 12306，我还没有服过谁（图片验证篇）
本文由微信公众号：产品锦李（ID：IMPM996） 授权发布，未经许可，禁止转载，本教程源文件免费下载传送门>> 之所以一直说“验证码，我只服 12306”，主要的原因是 12306 在 2015 年推出的图片验证码，的确是“前无古人，后无来者”，“鬼见了都发愁”，本文带来这一系列的第7篇教程，分享如何用 Axure 设计出一款类似 12306 图片验证码的功能（其他验证码教程可点击 …- 1.1k
- 0
-
用中继器做个左侧导航 做起来费劲 复用却很方便
首先，组件准备。上图： 中继器配置上图： type:菜单的级别：1表示一级菜单；2表示二级菜单….以此类推； ID:菜单的ID，请按规律设置； PID：菜单的父级ID，体现上下级的关系； hasson:是否有子菜单，1:有；0:无，这个主要用来显示图标的 name:菜单名称； vision：是否可见；1:可见；0:不可见；通过这个来实现菜单的折叠还是展开； xuan:表示图标是否需要旋转，1:要，…- 3k
- 1
-
Axure 实现刮刮乐效果
本文由微信公众号：产品锦李（ID：IMPM996） 授权发布，未经许可，禁止转载 话不多说，先看效果。 界面上有个圆圈，等同于手指，在涂刮区域移动的时候什么也不会发生，当按下这个圆圈，就如同手指按下开始涂刮，移动的时候，手指划过的区域会被刮掉。 这个效果的界面组成如下。 其中【涂刮区域】是由一个个小矩形拼凑起来的，把每个矩形之间的间距拉开一点就可以很清楚地看到每个矩形。 交互的思路就是当作为【手指…- 2.7k
- 0
-
【Axure 教程】中继器，你过来，我们“聊聊”
中继器除了做表格的增删改查，还能做什么？今天作者给你提供一种新的思路，教你用中继器来模拟一个高保真的对话聊天界面。 你好，我是不务正业的产品经理，我又带来了一款最新的“无聊”作品，用中继器做的一个高保真的对话聊天界面。 中继器是 Axure 中一个神级元件，没有它做不了的设计，只怕做设计的人缺乏足够的想象力，今天，我给你带来这款“无聊”的聊天作品的设计教程，先来看看最终效果（体验传送门>&g…- 4.7k
- 2
-
【Axure中继器】利用中继器，实现动态增加页签的功能
本文适合对中继器有一定使用基础的同学。 一、先看效果 二、实现思路 1、菜单，通过前面讲过的中继器实现； 见文章：https://www.axure.com.cn/86880 2、点击菜单后，通过对页签的中继器增加行数据来实现； 3、如果页签数据以前添加过的，则定位到这个行数据后，进行选中状态即可； 4、删除某一个页签即是删除页签中继器中的某一个数据即可。 三、需要的元素 1、组件：中继器两个（一…- 6.2k
- 3
-
【Axure 教程】中继器，你这个“渣男”（实战篇）
当你掌握了中继器的用法，在做一些重复性设计的页面的时候，可以获得事半功倍的效果，令你心情愉悦；但是你会发现中继器与“渣男”一样，难以掌握，它不仅“渣”，而且“杂”，复杂，要真正运用好中继器有一定的难度，本篇文章将告诉你中继器的各种特性，教你将中继器这个“渣男”拿捏。 本文是中继器教程的最后一篇，也是综合运用实战，如果你对中继器的使用还不是很熟悉，甚至之前都没有用过中继器，建议先看前面的“基础篇”和…- 6.8k
- 6
-
【Axure 教程】中继器，你这个“渣男”（进阶篇）
当你掌握了中继器的用法，在做一些重复性设计的页面的时候，可以获得事半功倍的效果，令你心情愉悦。 但是你会发现中继器与“渣男”一样，难以掌握，它不仅“渣”，而且“杂”，复杂，要真正运用好中继器有一定的难度，本篇文章将告诉你中继器的各种特性，教你将中继器这个“渣男”拿捏。 上一篇《【Axure 教程】中继器，你这个“渣男”（基础篇）》中我分享了如何使用中继器做基础的增删改查，最后我也提到，实际当中的修…- 11k
- 6
-
【Axure 教程】中继器，你这个“渣男”（基础篇）
之所以说中继器是个“渣男”，是因为它跟渣男一样，相处时容易感到心情愉悦，中继器也是相同的道理，当你掌握了中继器的用法，在做一些重复性设计的页面的时候，可以获得事半功倍的效果，令你心情愉悦；但是你会发现中继器与“渣男”一样，难以掌握，它不仅“渣”，而且“杂”，复杂，要真正运用好中继器有一定的难度，本篇文章将告诉你中继器的各种特性，教你将中继器这个“渣男”拿捏。 我将分3个篇章来讲完中继器的功能，不一…- 18k
- 4
-
【Axure中继器】利用中继器简单实现无限级别的树形菜单功能
本文适合有一定 Axure 基础的读者阅读！ 一、先看效果： 二、解决思路： 1、素材：一个中继器就够 中继器里放如下组建：Label \ Box \ Icon（箭头） 如图： 2、通过展开或者收缩时，设置某些数据显示或者隐藏即可； 3、中继器的内容设置需要有一定的要求： a.每行的数据需要体现父子的关系； 如图： 字段说明： type:菜单的级别：1表示一级菜单；2表示二级菜单..…- 11.4k
- 4
-
【Axure基础教程】随机乱序数字键盘，让数字再飞一会儿
引言： 我以前用Axure做过一个小游戏，叫“数字华容道”。 数字华容道 可以点击下方链接试玩一下： https://demo.axureshop.com/?url=https://cloud.axureshop.com/r5nmdi&buyurl=https://www.axureshop.com/a/1689378.html 这是用中继器实现的，其中就用到了随机乱序的小技巧。 下面我们…- 1.5k
- 0
-
完美实现Axure8和9的“自动适应文本宽度”
在Axure8和9中，有一个设置叫做“自动适应文本宽度（Fit to Text Width）”，不过大家发现其实只在设计时有用，在预览时完全没有效果，而且放在中继器中还会出现数据变动时统一宽度的问题。- 1.5k
- 0
-
Axure仿制的羊了个羊，制作步骤
前段时间羊了个羊游戏大火，闲着有空用Axure仿制了一个羊了个羊小游戏。对各位来说，这东西的实用价值为0，可能有一些趣味性，感兴趣的小伙伴可以点击玩一下。交互尽可能的1：1复制，但通关难度比小程序版的低一些。 点击玩一下：元素周期表版本 制作过程也不复杂，主要是一下几个需要实现的点： 一、小图标点击消失，并同时移动到下方的槽位。 实现思路： 第一步：给每一个小图标编号，比如1代表小火苗图标，2…- 1.4k
- 0
-
-
扫码打开当前页
关注本站公众号
扫码加微信客服
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×