1. 在一個(gè)頁(yè)面創(chuàng)建3個(gè)元件
頭部菜單? (矩形) ? ? ? ? ? ? ? ? 命名【top】
內(nèi)容(動(dòng)態(tài)面板 ) 例:w:200 ? ?h:350 ? ? ? ? ? ? 命名【內(nèi)容】
底部菜單?? (矩形) ? ? ? ? ? ? ? ? ? 命名【tab】
2. 在“內(nèi)容”動(dòng)態(tài)面板中在添加動(dòng)態(tài)面板“底層面板”
里面為具體內(nèi)容逗威,大小與實(shí)際內(nèi)容大小相同 (例: w:200 ? ?h:800)
3. 添加交互事件
3.1 拖動(dòng)時(shí)事件
選中“內(nèi)容”動(dòng)態(tài)面板——>交互選擇【拖動(dòng)時(shí)】
底層面板添加【移動(dòng)】動(dòng)作完域,移動(dòng)方式選擇【垂直移動(dòng)】
3.2 拖動(dòng)結(jié)束時(shí)事件
選中“內(nèi)容”動(dòng)態(tài)面板——>交互選擇【拖動(dòng)時(shí)】
添加條件1(上劃不過頂部菜單)
滑動(dòng)效果
添加條件2(觸碰頂部菜單且不出底部菜單)
滑動(dòng)效果 ? ?注意:-450為 ? ? -(“底層面板”高度 - “內(nèi)容”高度)
滑動(dòng)效果完成~ 快去測(cè)試吧