效果說(shuō)明：
通過(guò)點(diǎn)擊向前向后的按鈕實(shí)現某模塊中的內容前后移動(dòng)。這個(gè)設計可以應用在有限的空間內顯示眾多內容時(shí)候，且內容并不是非常重要的。它的缺點(diǎn)是由于隱藏了后面的內容，點(diǎn)擊率肯定沒(méi)有第一屏顯示的內容點(diǎn)擊率高，因此重要的信息需要傳達給用戶(hù)時(shí)不宜采用此方法。
效果圖示：
實(shí)現使用到的action:
1、move panel(s) /*根據絕對坐標或相對坐標來(lái)移動(dòng)動(dòng)態(tài)面板 */
2、wait time(s) /*等待多少毫秒(ms)后再進(jìn)行這個(gè)動(dòng)作*/
實(shí)現思路：
1、使用到兩個(gè)動(dòng)態(tài)面板，一個(gè)動(dòng)態(tài)面板用來(lái)顯示用戶(hù)看到的第一屏內容，第二個(gè)動(dòng)態(tài)面板用來(lái)顯示所有的內容。這里第二個(gè)動(dòng)態(tài)面板肯定比第一個(gè)動(dòng)態(tài)面板要長(cháng)。
2、動(dòng)作只要在向前和向后按鈕中去設置，想讓用戶(hù)單擊時(shí)滾動(dòng)，就在OnClick中添加，想讓用戶(hù)鼠標移到按鈕上時(shí)滾動(dòng)，就在OnMouseEnter中添加。本次例子是OnClick.
3、在OnClick中，添加action，首先當單擊的時(shí)候要移動(dòng)第二個(gè)面板中的內容，使用move panel(s)動(dòng)作，移動(dòng)的時(shí)候有兩個(gè)選項 "to"和“by”，這里使用by,x軸填寫(xiě)你要移動(dòng)距離，如果是點(diǎn)擊向后按鈕，這里的距離要加上負號，如果點(diǎn)擊的是向前按鈕，這里填的就是正數。
4、接著(zhù)使用wait time(s)動(dòng)作，為了實(shí)現移動(dòng)中有動(dòng)感，那么在這里可以使用等待200ms后再向前移動(dòng)一點(diǎn)。再向前移動(dòng)一點(diǎn)。（你要讓用戶(hù)單擊按鈕后看到的內容的最前的那個(gè)位置）
5、最后再使用move panel(s)移動(dòng)到你想讓用戶(hù)點(diǎn)擊按鈕時(shí)看到內容的最前位置。（如我例子中，當用戶(hù)點(diǎn)擊向后時(shí)讓他看到“以2方塊開(kāi)始”的內容）
要點(diǎn)：
1、為了實(shí)現動(dòng)作流暢，在用戶(hù)完成一次點(diǎn)擊的時(shí)候，可以先讓界面移動(dòng)一點(diǎn)，等待一會(huì )時(shí)間，再移動(dòng)到最終的位置。
要點(diǎn)截圖：
圖1：使用到的動(dòng)態(tài)面板
圖2：點(diǎn)擊向右移動(dòng)
圖3：點(diǎn)擊向右移動(dòng)
下載原型：
聯(lián)系客服
