axure商城

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

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

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

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

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

一、制作原型

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

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

  • 正常状态:

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

  • 向左状态:Axure8.0教程:列表左右滑动交互
  • 向右状态Axure8.0教程:列表左右滑动交互此时所有的元件准备就绪,接下来是交互设置

二、交互设置

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

  • 向左拖动结束时Axure8.0教程:列表左右滑动交互
  • 向右拖动结束时Axure8.0教程:列表左右滑动交互所有的设置完成。

给TA打赏
共{{data.count}}人
人已打赏
基础教程

Axure绘制动态菜单

2022-7-3 14:23:06

基础教程软件资讯

Axure教程:高保真扫码登录

2022-7-21 1:19:24

axure商城
2 条回复 A文章作者 M管理员
  1. 清水鱼圆

    这种两个界面的切换来实现假了点

  2. YoungZhao

    有点不够清楚,对于小白来说,不知道在说什么,能否有一步一步的教程

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索