動(dòng)態(tài)面板高級(jí)應(yīng)用
在使用Axure制作原型的過(guò)程中,昆明網(wǎng)站建設(shè)小編認(rèn)為動(dòng)態(tài)面板部件是使用頻率最高的部件,很多高級(jí)交互都必須結(jié)合動(dòng)態(tài)面板才能實(shí)現(xiàn)。
一、動(dòng)態(tài)面板事件
在動(dòng)態(tài)面板中,有幾個(gè)特定事件:【狀態(tài)改變時(shí)】、【拖動(dòng)開(kāi)始時(shí)】、【拖動(dòng)時(shí)】、【拖動(dòng)結(jié)束時(shí)】、【向左/右/上/下拖動(dòng)結(jié)束時(shí)】、【滾動(dòng)時(shí)】、【向上/向下滾動(dòng)時(shí)】。這些事件中的一些是由你創(chuàng)建的動(dòng)作觸發(fā)的,比如顯示或移動(dòng)動(dòng)態(tài)面板。你可以使用這些事件來(lái)創(chuàng)建高級(jí)交互,比如展開(kāi)折疊區(qū)域或者輪播廣告。使用拖動(dòng)事件可以制作拖放交互效果,并且可以在拖放開(kāi)始時(shí)、正在拖放時(shí)和拖放結(jié)束時(shí)觸發(fā)你想要的其他交互。
1.狀態(tài)改變時(shí)
動(dòng)態(tài)面板的【狀態(tài)改變時(shí)】事件是由【設(shè)置面板狀態(tài)】動(dòng)作觸發(fā)的。這個(gè)事件經(jīng)常用來(lái)觸發(fā)面板狀態(tài)改變的一連串交互。
2.拖動(dòng)時(shí)
拖動(dòng)事件是由面板的【拖動(dòng)】或者鼠標(biāo)或手指快速點(diǎn)擊、拖動(dòng)、釋放而觸發(fā)的。這個(gè)事件通常用于APP 原型中的幻燈和導(dǎo)航。昆明網(wǎng)站制作小編告訴大家最常見(jiàn)的使用方法是配合【設(shè)置面板狀態(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)結(jié)束時(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)結(jié)束時(shí):發(fā)生在面板拖動(dòng)結(jié)束時(shí)。
當(dāng)前文章標(biāo)題:動(dòng)態(tài)面板高級(jí)應(yīng)用
當(dāng)前URL:http://m.supportcoffeeroasters.com/news/wzzz/3414.html