動態(tài)面板高級應用
在使用Axure制作原型的過程中,昆明網(wǎng)站建設小編認為動態(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)改變時】事件是由【設置面板狀態(tài)】動作觸發(fā)的。這個事件經(jīng)常用來觸發(fā)面板狀態(tài)改變的一連串交互。
2.拖動時
拖動事件是由面板的【拖動】或者鼠標或手指快速點擊、拖動、釋放而觸發(fā)的。這個事件通常用于APP 原型中的幻燈和導航。昆明網(wǎng)站制作小編告訴大家最常見的使用方法是配合【設置面板狀態(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é)束時。
當前文章標題:動態(tài)面板高級應用
當前URL:http://mnamateurbaseball.com/news/wzzz/3414.html
上一篇:案例13:母版在原型中的應用
下一篇:案例14:簡單的滑動解鎖