1、首先看下輪播banner的組成。
上圖中，左邊是頁面 展現(xiàn)的 banner輪播的圖，右側則是對應的兩個動態(tài)面板。
可以看到右側動態(tài)面板命名非常簡單（根本起不到提示作用，但這說明此處面板命名不太重要，自己能區(qū)分就可以）
2、接下來看一下兩個面板的交互效果。
如上是對于 輪播圖片banner的 動態(tài)面板設置。
設置面板在 【載入時】有交互，基本就是兩個動作：
- 面板不是在一加載就開始切換的，我設置的先等待1000毫秒。
- 設置面板狀態(tài) 為【NEXT】（即按照1、2、3的順序進行切換）；
勾選從最后一個到第一個自動跳轉；勾選圖像輪播間隔。具體時間間隔可自己設置。
為了讓banner輪播看上去更逼真，可以加個 進入和退出的動畫。此處選擇的時向左滑動。用時500毫秒。
以上是banner 面板的全部交互。
做完這個切換之后其實基本算是banner做完了。但是總覺得缺點什么！蔽覀兂Ｒ姷腷anner切換時的頁面指示導航按鈕。
依然是采用很簡單的方式 很暴力的加上的。
首先面板中的1、2、3狀態(tài)內容如下圖：
其對應的交互面板，基本和banner面板的設置是一樣的。唯一的不同是，在面板切換間的效果，這里不再是向左滑動，而是淡入淡出（畢竟三個指示按鈕滑來滑去，是很滑稽的）
具體交互頁面如下：
承擔因您的行為而導致的法律責任，
本站有權保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。