通过动态面板实现列表下拉自动刷新

在很多新闻类应用都会使用下拉列表自动刷新的方式。我今天要用Axure的动态面板实现这个交互过程。

1 列表滑动交互

我们首先完成一个列表滑动的交互。
简单说就是拖动列表，可以上滑也可以下滑。但是实际实现的时候，我会对列表滑动的区域做一个限制。

首先新建一组“列表”，在列表下面再添加一个背景。

然后将列表转换为动态面板。
为这个动态面板添加拖动用例，选择移动事件。

在拖动事件里我们可以为移动添加边界，这里的边界可以是固定的坐标，也可以是变量，我希望用变量，所以我们得为列表找一个参照物。可以是背景，但是只能在背景范围里拖动会显得死板，其实可以添加热区作为参照物。在顶部和底部位置各添加一个热区，其实一个热区也能完成边界设置。