准确来说这一篇和中继器的关系不大，主要是讲一下关于Axure实现滑动的两种方法。
第一篇主要是讲中继器的用法和优点，有需要的朋友可以传送《一次性搞定中继器（一）》。
第一种：偏PC端，用滚动条的方式，滑动鼠标滑轮就可以实现（注意观察图中的光标位置没有变化）。
滑动鼠标滑轮
第二种：偏移动端，准确来说应该叫拖动。按住鼠标左键，上下拖动。（注意看光标一直在移动）
按住鼠标左键上下拖动
OK，废话不多少。一步一步来吧，毕竟滑动效果在日常的工作中是经常会用到的。
一、PC滑动效果的实现。
首先，我们有了一个很长很长的中继器（320*868）。我用的是iphone5的尺寸（320*568），超过了页面尺寸，所以我们要来做一个滑动效果。
中继器
然后我们在中继器的旁边，拖入一个动态面板（320*568），就像下面一样：
中继器+面板
接着，我们来设置一下动态面板的属性，滚动条——自动显示垂直滚动条
设置滚动条
面板就变成了下面这样：因为滚动条占据了一定的宽度，我们就把面板拉宽一点点（具体多少后面可以调整）
右侧有滚动条
然后将中继器放入动态面板中,如下图：
中继器进入了动态面板
然后我们F5看看效果：
实现了滚动
这样就实现了滚动，但是有个滚动条是不是很丑？没关系，看最后一步：
在这个装有中继器的面板旁边，再放一个面板（320*568），如下，
两个面板
最后再将右边装有中继器的面板放到左边的面板内，再点击F5：
没有滚动条了
OK，学一种滑动的伙伴们就可以看到这里了，这种比较简单，也能模拟出常规的滑动效果，而且可以在手机端演示。还有一种滑动，有兴趣的一起看看吧。
第二种：手机端，拖动滑动效果
首先我们在中继器的旁边，拖入一个大小相同的动态面板。（我的中继器大小为320*868），如图所示：
左侧面板，右侧中继器，大小相等
然后将面板命名为：content，再将中继器拖入，如下图：（动态面板的状态一我修改我为repeat了）
中继器拖入面板中
然后在装有中级器的动态面板旁，拖入一个动态面板，尺寸为显示界面的大小（320*568），命名为view。如下：
两个面板
再将装有中继器的面板，放入到view（320*568）中，如下：
套入面板
然后需要我们来添加用例：
解释：为view（320*568）面板添加用例，拖动时，移动面板content（装中继器的面板320*868），设置移动方向为垂直移动。
这样就有了拖动的效果，我们再为它添加边界：
添加边界
解释：在拖动view（320*568）的过程中其实是拖动content（320*868），所以我们要为content面板移动的距离添加边界。上边界下滑不能离开顶部，所以我们设置边界（顶部小于等于0），即上边界只能往上滑；下边界上滑的界限是content面板和view面板的底部在同一y轴，则其顶部的最高位置为（868-568），因为在负轴所以是-300。
OK，说完了。总结一下就是第一种简单方便实用，第二种会涉及到更多交互时，比如下拉上滑刷新时很有用。建议工作中用第一种。没事可以研究一下第二种。
之后还会讲一讲中继器的筛选，数据传递，增删改查等等，先关注吧。
有不明白的随时可以私信我，见必回。
你看，那个点赞的人好像天使诶~
网友评论