Axure小案例

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

2017-07-25  本文已影响0人  地上最萌程序兔

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

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

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

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

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

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

具体建后图层结构如图

3. 添加交互事件

3.1 拖动时事件

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

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

3.2 拖动结束时事件

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

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

滑动效果

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

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

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

Remember ME~
上一篇下一篇

猜你喜欢

热点阅读