Axure RP 8之上下滑动屏幕

1.新建一个项目,在元件库中拖入一个iPhone手机板;

2.在手机版顶部拖入所需元件,命名为top;

3.在手机版底部拖入所需元件,命名为bottom;

4.在中间空白位置拖入与空白区大小一致的动态面板,命名为屏幕;

5.在“屏幕”这个动态面板下的state1中再拖入一个动态面板,长度要超出手机屏幕,命名为内容;

6.在“内容”这个动态面板中的state1中加入所需元件;

7.先回到index页面,再点击动态面板“屏幕”,再双击添加用例中的拖动时事件;

8.选择左侧移动事件,勾选动态面板“内容”,再选择垂直移动;按下确定按钮后即可实现上下滑动屏幕效果,可点击预览查看,但是上下滑动时没有边界限制,可以无限滑动;

9.此时需要添加边界限制条件才可控制屏幕滑动的区域,添加边界,设置顶部<=0;再添加边界,设置顶部>=[[LVAR1.Height-LVAR2.Height]];具体步骤按照顺序参考下图;

10.点击确定后,保存,点击预览即可查看到效果。

转载:https://www.jianshu.com/p/dd44f5229c32

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章