動態(tài)面板高級應(yīng)用

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

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

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

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

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

2.拖動時

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

3.滾動時

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

二、拖動事件

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

拖動開始時：發(fā)生在面板拖動動作剛剛觸發(fā)時。

拖動時：發(fā)生在面板拖動的過程中。

拖動結(jié)束時：發(fā)生在面板拖動結(jié)束時。