Axure8.0教程:列表左右滑动交互

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  

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

Axure8.0教程:列表左右滑动交互

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

一、制作原型

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

Axure8.0教程:列表左右滑动交互

  • 正常状态:

Axure8.0教程:列表左右滑动交互

  • 向左状态:

  • 向右状态

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

二、交互设置

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

  • 向左拖动结束时

  • 向右拖动结束时


所有的设置完成。

随意打赏

提交建议
微信扫一扫,分享给好友吧。