美文网首页Axure小案例
【Axure】触摸屏上下滑动效果

【Axure】触摸屏上下滑动效果

作者: 地上最萌程序兔 | 来源:发表于2017-07-25 19:13 被阅读0次

1. 在一个页面创建3个元件

头部菜单  (矩形)                 命名【top】

内容(动态面板 ) 例:w:200    h:350             命名【内容】

底部菜单   (矩形)                   命名【tab】

2. 在“内容”动态面板中在添加动态面板“底层面板”

里面为具体内容,大小与实际内容大小相同 (例: w:200    h:800)

具体建后图层结构如图

3. 添加交互事件

3.1 拖动时事件

选中“内容”动态面板——>交互选择【拖动时】

底层面板添加【移动】动作,移动方式选择【垂直移动】

3.2 拖动结束时事件

选中“内容”动态面板——>交互选择【拖动时】

添加条件1(上划不过顶部菜单)

滑动效果

添加条件2(触碰顶部菜单且不出底部菜单)

滑动效果    注意:-450为     -(“底层面板”高度 - “内容”高度)

滑动效果完成~ 快去测试吧

Remember ME~

相关文章

网友评论

    本文标题:【Axure】触摸屏上下滑动效果

    本文链接:https://www.haomeiwen.com/subject/nelgkxtx.html