起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識Axure教程 動態面板滑動效果（10）
示例原型：http://pan.baidu.com/s/1mgjYahi
實現目標：
1、? 點擊登錄滑出登錄面板
2、? 點擊確定滑出動態面板
最終效果如下：
這種效果可以通過兩種方法實現： 首先準備需要的元件：1個矩形，1個文本，1個動態面板（里面包含2個矩形，一個作為面板，一個作為登錄按鈕） 把動態面板添加一個狀態，準備工作就結束了。 注意：每個主要元件記得加上標簽??！ 第一種：動態面板滑入滑出方式 1、? 設置文本面板“登錄”的onclick事件，為點擊時動態面板滑動到絕對位置（x,y）（如圖1），x和y代表滑動到指定位置時的x軸與y軸的坐標值（如圖2、圖3），坐標值可以通過拖動動態面板到指定位置取得。最后，設置動畫效果為緩慢進入。 圖1 圖2 圖3 2、? 設置動態面板狀態1里面的矩形登錄按鈕的onclick事件，為點擊時動態面板滑動到絕對位置（x,y）（如圖4），這時的x和y代表滑動到初始位置時的x軸與y軸的坐標值，設置動畫效果為緩慢退出。 圖4 3、? 點擊右鍵設置順序為置于底層，并將動態面板拖到初始位置。 4、? 第一種方式完成，可以生成原型看效果了。 第二種：動態面板狀態切換方式 在開始的時候我們給動態面板增加了一個狀態，在第二種方式里它才會起到作用，怎么做呢？我們繼續： 1、? 把動態面板拖到最終顯示的位置，將動態面板狀態2上移到第一位（如圖5右側指示）； 2、? 設置文本面板“登錄”的onclick事件，為點擊時設置動態面板的狀態為狀態1，并設置進行動畫為向下滑動（如圖5）； 圖5 3、? 設置動態面板狀態1里面的矩形登錄按鈕的onclick事件，為點擊時設置動態面板的狀態為狀態2，并設置退出動畫為向上滑動。 4、? 第二種方式完成，生成原型就能看到想要的效果了。 本文作者：@小樓；轉載自：Axure原創教程網 Axure教程 關于Axure rp觸發事件中IF和ELSE IF的使用說明（6） 更多Axure學習技巧：Axure專欄
新手入門基礎教程目錄
寫的雖然不是特別具體，但是認真看一下，跟著思路肯定可以做出來啊。樓上在那嗶嗶的同學學習能力需要提高啊，這點自學能力還是要有的
? 圖真的看不見
看不懂，我知道看不懂是我的不對，你好心還弄個教程，但是可以不要這么簡筆好嘛，大神
誒，真的好難看懂
挺不錯的，看了幾分鐘，感覺沒那么難。
鏈接失效。。
初學者，看完朦朦朧朧，希望可以有視頻教程，看起來更加直觀、、
還是上視頻吧，這樣的效果體驗很差。
這教程有點坑爹啊、。。。
還行，就是動態的哪個效果沒鬧明白
這樣說，不如不說
除了圖片有點小，別的都挺好，不過還是學會了[嘻嘻]
寫的不清不楚的，對初學者沒任何幫助
圖真的太小了
作者說了半天也沒說明白，其實第一種做法是用動態面板從視野看不見的地方滑進我們的視野，第二種則是利用了動態面板自身顯示時所帶的滑出動作。真是的，小樓這家伙不說明白，圖也這么小，為了他那個入門到精通的視頻其用心顯得也忒小了吧
總結的精辟，
挺好，學習了