【Axure學習】(四)登陸按鈕的下滑效果

登陸畫面
當點擊登陸時,彈出下面的登陸界面。點擊下面的登陸按鈕時,上行回去。

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

注意事項:
綠色的panel一定是要在state1裏面添加。這樣才保證的是在動態面板的狀態1裏面顯示出來的綠色panel,而不是和它獨立的。

來源:

http://www.woshipm.com/ucd/59328.html

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