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

预览及下载地址:https://df6hyg.axshare.com
一、制作原型
拖动一个【动态面板】元件命名为内容架构,在动态面板中加入一个中继器,并对中继器中加入一个动态面板命名为“滑动操作”,并对面板进行三个动态设置
正常状态:

向左状态:

向右状态

此时所有的元件准备就绪,接下来是交互设置
二、交互设置
选择动态面板“滑动操作”,进行“向左拖动结束时”事件和“向右拖动结束时”事件设置
向左拖动结束时

向右拖动结束时

所有的设置完成。
网友评论