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

 

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