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