動(dòng)態(tài)面板高級應用

在使用Axure制作原型的過(guò)程中，昆明網(wǎng)站建設小編認為動(dòng)態(tài)面板部件是使用頻率最高的部件，很多高級交互都必須結合動(dòng)態(tài)面板才能實(shí)現。

一、動(dòng)態(tài)面板事件

在動(dòng)態(tài)面板中，有幾個(gè)特定事件：【狀態(tài)改變時(shí)】、【拖動(dòng)開(kāi)始時(shí)】、【拖動(dòng)時(shí)】、【拖動(dòng)結束時(shí)】、【向左/右/上/下拖動(dòng)結束時(shí)】、【滾動(dòng)時(shí)】、【向上/向下滾動(dòng)時(shí)】。這些事件中的一些是由你創(chuàng )建的動(dòng)作觸發(fā)的，比如顯示或移動(dòng)動(dòng)態(tài)面板。你可以使用這些事件來(lái)創(chuàng )建高級交互，比如展開(kāi)折疊區域或者輪播廣告。使用拖動(dòng)事件可以制作拖放交互效果，并且可以在拖放開(kāi)始時(shí)、正在拖放時(shí)和拖放結束時(shí)觸發(fā)你想要的其他交互。

1.狀態(tài)改變時(shí)

動(dòng)態(tài)面板的【狀態(tài)改變時(shí)】事件是由【設置面板狀態(tài)】動(dòng)作觸發(fā)的。這個(gè)事件經(jīng)常用來(lái)觸發(fā)面板狀態(tài)改變的一連串交互。

2.拖動(dòng)時(shí)

拖動(dòng)事件是由面板的【拖動(dòng)】或者鼠標或手指快速點(diǎn)擊、拖動(dòng)、釋放而觸發(fā)的。這個(gè)事件通常用于A(yíng)PP 原型中的幻燈和導航。昆明網(wǎng)站制作小編告訴大家最常見(jiàn)的使用方法是配合【設置面板狀態(tài)】到【下一個(gè)】/【上一個(gè)】，比如APP中的幻燈輪播交互。

3.滾動(dòng)時(shí)

動(dòng)態(tài)面板的滾動(dòng)事件是由動(dòng)態(tài)面板滾動(dòng)條的滾動(dòng)觸發(fā)的。要觸發(fā)特定的滾動(dòng)位置交互，你可以添加條件，如[[this.ScrollX]]和[[this.ScrollY]]。舉個(gè)簡(jiǎn)單例子，如果動(dòng)態(tài)面板y 軸滾動(dòng)距離大于200像素，就隱藏動(dòng)態(tài)面板：if[[this.ScrollY]]＞200，then hide dynamic panel。

二、拖動(dòng)事件

【開(kāi)始拖動(dòng)時(shí)】、【正在拖動(dòng)時(shí)】、【拖動(dòng)結束時(shí)】，這三個(gè)事件，允許你在拖動(dòng)的每個(gè)階段添加交互。如果你想讓一個(gè)部件或者一組部件都能夠被拖動(dòng)，就把它們放入動(dòng)態(tài)面板中。

拖動(dòng)開(kāi)始時(shí)：發(fā)生在面板拖動(dòng)動(dòng)作剛剛觸發(fā)時(shí)。

拖動(dòng)時(shí)：發(fā)生在面板拖動(dòng)的過(guò)程中。

拖動(dòng)結束時(shí)：發(fā)生在面板拖動(dòng)結束時(shí)。