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

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

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

index

预览及下载地址:jlrb3o.axshare.com

一、制作原型

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

new_page_1
  • 正常状态:

page1

  • 向左状态:

page2

  • 向右状态
page3

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

二、交互设置

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

  • 向左拖动结束时
page_4

 

  • 向右拖动结束时
page_5

 

所有的设置完成。

本文由纤纤露投稿,不代表爱运营立场,如若转载,请注明出处:https://www.iyunying.org/pm/axure/294097.html

(0)
纤纤露的头像纤纤露投稿者
上一篇 2022年10月8日 上午10:56
下一篇 2022年10月8日 下午4:23

推荐资讯

发表回复

登录后才能评论
分享本页
返回顶部