本次分享的是Axure8制作的列表左右滑动交互效果。

预览及下载地址：https://df6hyg.axshare.com

一、制作原型

拖动一个【动态面板】元件命名为内容架构，在动态面板中加入一个中继器，并对中继器中加入一个动态面板命名为“滑动操作”，并对面板进行三个动态设置

• 正常状态：

• 向左状态：

• 向右状态

此时所有的元件准备就绪，接下来是交互设置

二、交互设置

选择动态面板“滑动操作”，进行“向左拖动结束时”事件和“向右拖动结束时”事件设置

• 向左拖动结束时

• 向右拖动结束时