當點擊登陸時,彈出下面的登陸界面。點擊下面的登陸按鈕時,上行回去。
實現方案:
1. 黑色矩形:登陸panel,白色label(也可以直接用黑色矩形自帶的字體,但這樣就是給矩形加事件,焦點變成了黑色panel);
2. 下面的面板,將其設置爲動態面板,在動態面板的state1裏面添加登陸矩形。否則下面的綠色panel不屬於動態面板,會和動態面板各自執行下滑事件,不是想要的效果。
3. 給上面的登陸按鈕加click事件,使動態面板下滑,效果爲slide down,2000ms.
4. 給下面的登陸按鈕加click事件,使動態面板上滑,效果爲slide up,2000ms.
5. 動態面板初始化時設置效果爲隱藏。
注意事項:
綠色的panel一定是要在state1裏面添加。這樣才保證的是在動態面板的狀態1裏面顯示出來的綠色panel,而不是和它獨立的。
來源: