全国-1月28日已结束北京-3月26日线上-1月21日已结束
阅读（65365）
来人人都是产品经理【起点学院】，BAT实战派产品总监手把手系统带你学产品、学运营。
中继器（英文名Repeater）是Axure RP 7.0推出的新功能，是目前为止Axure最复杂的功能（没有之一），学习它的使用有助于我们快速设计一些复杂的交互界面。下面和大家分享我的使用心得。
中继器这个翻译是让人费解的，如果直译成“重复器”虽然不太专业但是更利于理解，或者干脆不编译，用“Repeater”就行。用过Asp.Net的人，一定对里面的Repeater很熟悉，没错，Axure的Repeater与Asp.Net的原理基本上是一样的。
先来说说Repeater解决什么问题。
请看以下图片。上方是一个表单，有5个表单部件和一个“添加”按钮，界面默认显示下方4个图文区域。点击“添加”后出现第5个图文区域。每点击一次添加一个新的区域。没有Repeater之前，要制作这样的原型是非常困难的。
使用Repeater实现以上效果是比较方便的。
在界面中拖入一个Repeater。中文名叫“中继器”。
刚拖进来是这个样子的。
设置Repeater内部部件
双击这个Repeater，进入Repeater内部界面。默认它会有一个矩形部件，删除它，按自己的需求拖入其他部件。如下，这个由一张图片与“活动名称”、“活动状态”、“开始时间”、“结束时间”4个Label部件组成的区域就是要重复显示的内容。
注意，这时要给每个部件命名。从便在Repeater的动作中找到部件。方法如下：
设置Repeater的数据集(Dataset)
在Repeater编辑界面下方可看到以下界面。Repeater Dataset是数据集，另外两个一会再说。
在Dataset中设置要显示的数据的结构，同时可添加默认显示的数据。也就是“Column”与“Row”。以下”Name”、”Status”、”Start”、”End”、”Image”为添加的Column，注意列名必须为英文。
设置Repeater的动作(Item Interactions)
设置文本部件值——“Set Text”
在OnItemLoad（注意不是OnLoad，中文版的同学请自行翻译）中双击Case。
双击后出现以下界面。根据业务需要设置部件值。比如我是要设置一张图片和四个Label，于是分别选择了Set Text与Set Image。在最右侧选择Repeater内部的部件（注意：必须在第2步时设置部件名称，否则无法区分部件。）。以下为Set Text的界面。选择部件后，在下方选择Rich Text，再点击Edit Text。
点击Edit Text后出现以下界面。
点击Insert Variable of Function。
在Repeater/Dataset中选择列的值。如item.Name,item.Status,item.Start等。然后在左侧文本框会出现带[[]]的值。[[]]是Axure取值的语法。
设置图片——“Set Image”
以上说的是设置文本的方式，如果是图片，可参见下图。可直接从电脑里导入，也可设置成Dataset里的值，当然也可根据Axure的语法设置成其他值。
设置Repeater的格式
下图是设置Repeater格式的界面。可以设置Wrap（自动换行），并设置每几个项目开始换行。背景什么的也可以设置。
运行一下就可以看到效果了。
实现点击“添加”的效果
回到主页面，这时变成以下效果了。Repeater根据自动计算呈现出所见即所得的效果。接下来，我们添加几个表单部件与一个“添加”按钮，来实现“添加”功能。
为表单中的部件设置名称，如图。
为“添加”部件设置OnClick事件，如图，双击”Case”：
在打开的Case Editor界面中选择Repeaters-Dataset-Add Rows，勾选右侧复选框，点击右下方的Add Rows按钮。其原理是当点击“添加”按钮时向Repeater的Dataset中添加一行。
弹出以下窗口，点击Add Row，在新添的这一行中录入表单部件值。可以通过点击fx按钮添加。
点击fx后进入以下窗口。点击Add Local Variable。在第一格录入变量名称，如LVAR_Name。如果要取文本框的值，第二格可以选text on widget。第三格选相应的部件。
再点击Insert Variable or Function，选择刚设置的变量LVAR_Name。点击OK。再将另几个部件值也设置上即可。
这样，就完成了点击“添加”按钮的效果了。
本文为作者李萧泓投稿发布，转载请注明出处并保留本文链接
有人回复时邮件通知我
坐标:南京，饭碗:电商PM，需求:求勾搭
人人都是产品经理（）是中国最大、最活跃的以产品经理为核心的学习、交流、分享社群，集媒体、教育、招聘、社群活动为一体，全方位服务产品经理，微信公众号woshipm。成立5年以来举办线上活动500余场，线下活动数百场，覆盖北京、上海、广州、深圳、成都、杭州、南京、重庆、厦门、福州等城市，在互联网业内得到了广泛关注和高度好评。社区目前拥有300万忠实粉丝，其中产品经理占比50万， 中国75%的产品经理都在这里。全国-1月28日已结束北京-3月26日线上-1月21日已结束
阅读（27854）
来人人都是产品经理【起点学院】，BAT实战派产品总监手把手系统带你学产品、学运营。
如何用Axure实现循环显示效果，本文收集了两种选择，可以通过
I) 中间件实现(无刷新、无变量页面滚动实现方法)，
II) 重新加载当前页面来实现。
下面将分别简单介绍。
I) 中间件实现(无刷新、无变量页面滚动实现方法)
1、在实现触发自动播放的动态面板时，如果触发和实现在同一个面板的话，效果很不好，于是需要添加一个辅助的动态面板，将之命名为“辅助”；
2、首先，在加载页面时，给辅助面板一个触发的动作：
3、在辅助的面板上，实现页面show的动态面板的滚动，最后的动作会移动“辅助”，于是会再触发，结果就相当于在这个面板上实现了死循环：
II) 重新加载当前页面
其主要思路是利用Dynamic Panel和OnPageLoad实现。具体步骤如下：
1、在页面中插入Dynamic Panel，拖拽至合适位置大小适中；
2、Dynamic Panel命名为“循环显示”，并添加四个状态，分别为state1、state2、state3、state4；
3、把要实现的效果分别放在相应的state中，如下图
4、选中“循环显示”动态面板，添加OnPageLoad事件，如下图
5、到此要实现的效果基本实现，如下图所示，循环至State4（第四个圆点变红）后页面会自动刷新，然后循环从State1重新开始。
怎么样，简单不呢？黑黑~
转自： /?p=650
有人回复时邮件通知我
你如何定义自己，就如何定义这个世界； 你如何...
人人都是产品经理（）是中国最大、最活跃的以产品经理为核心的学习、交流、分享社群，集媒体、教育、招聘、社群活动为一体，全方位服务产品经理，微信公众号woshipm。成立5年以来举办线上活动500余场，线下活动数百场，覆盖北京、上海、广州、深圳、成都、杭州、南京、重庆、厦门、福州等城市，在互联网业内得到了广泛关注和高度好评。社区目前拥有300万忠实粉丝，其中产品经理占比50万， 中国75%的产品经理都在这里。}