1、什么是Axure的動(dòng)態(tài)面板
　　按照Axure官方網(wǎng)站的解釋 ：動(dòng)態(tài)面板控件（Dynamic Panel）可以讓你實(shí)現(xiàn)高級(jí)的交互功能，實(shí)現(xiàn)原型的高保真度。動(dòng)態(tài)面板包含有多個(gè)狀態(tài)（states），每個(gè)狀態(tài)可包含一系列控件（你可以把一個(gè)狀態(tài)理 解成一個(gè)獨(dú)立的頁面）。任何時(shí)候都只有一個(gè)狀態(tài)（頁面）是可見的，或整個(gè)動(dòng)態(tài)面板可以被隱藏。結(jié)合交互動(dòng)作，可以讓動(dòng)態(tài)面板的狀態(tài)進(jìn)行隱藏、顯示和改變。 像添加其它控件一樣，可以在控件面板中拖放動(dòng)態(tài)面板控件到線框圖中。
　　簡(jiǎn)單的說，動(dòng)態(tài)面板就是展示在頁面不跳轉(zhuǎn)的情況下所能實(shí)現(xiàn)的交互狀態(tài)。而動(dòng)態(tài)面板的每一個(gè)狀態(tài)都可以看作是產(chǎn)生的一個(gè)新的交互結(jié)果。

　　2、Axure的動(dòng)態(tài)面板可以用來做什么
　　1）tab式頁簽的切換效果：Axure的官方給出的實(shí)例就是這個(gè)，AlipayUED的同學(xué) 按照官方給出的做法制作了一個(gè)3tab的原型，不愿看英文說明的同學(xué)可以直接參照這篇博客。
　　2）鼠標(biāo)觸發(fā)式和點(diǎn)擊觸發(fā)式的下拉菜單效果：這個(gè)可以結(jié)合Axure的默認(rèn)組件中的“垂直菜單”、“水平菜單”來實(shí)現(xiàn)，常用于導(dǎo)航的原型制作。
　　3）鼠標(biāo)觸發(fā)式的浮窗效果：類似“Alt”的效果，常用于瀏覽提示和觸發(fā)式廣告。
　　4）JS的鼠標(biāo)點(diǎn)擊彈層效果：這個(gè)是目前使用被廣泛使用的效果之一。
　　5）注冊(cè)表單中的根據(jù)焦點(diǎn)判斷提示的效果：當(dāng)焦點(diǎn)在輸入框內(nèi)的時(shí)候提示該表單欄目填寫規(guī)范，當(dāng)焦點(diǎn)離開輸入框的時(shí)候根據(jù)填寫的結(jié)果提示正確或者錯(cuò)誤原因，這個(gè)需要?jiǎng)佑酶呒?jí)設(shè)計(jì)交互編輯功能結(jié)合Axure的邏輯條件和設(shè)置變量功能來實(shí)現(xiàn)。
　　….and so on…

　　3、如何使用Axure的動(dòng)態(tài)面板
　　1）動(dòng)態(tài)面板屬于Axure的一個(gè)組件，在組件欄中選中它，直接拖到你希望它出現(xiàn)的位置。不用擔(dān)心，即使在添加完?duì)顟B(tài)之后它的位置也是可以隨時(shí)改變的。
　　2）在動(dòng)態(tài)面板上點(diǎn)擊右鍵——編輯動(dòng)態(tài)面板——管理動(dòng)態(tài)面板狀態(tài)。在彈出的窗口里輸入動(dòng)態(tài)面板的標(biāo)簽名稱（默認(rèn)是Unlabeled）、添加新的狀態(tài)。當(dāng)然，也可以在界面的右下角找到“動(dòng)態(tài)面板管理”模塊來對(duì)動(dòng)態(tài)面板進(jìn)行操作。
　　友情提示：
　　a）默認(rèn)的動(dòng)態(tài)面板的狀態(tài)是顯示（藍(lán)色），我們可以把他設(shè)置成隱藏（黃色）。
　　b）狀態(tài)頁面中的藍(lán)色虛線外框表示動(dòng)態(tài)面板的邊界范圍，超過這個(gè)邊界范圍外的內(nèi)容在最終生成原型時(shí)將不可見。
　　c）為了不影響其他交互的制作，可以點(diǎn)擊“動(dòng)態(tài)面板管理”模塊右側(cè)的淡藍(lán)色小方塊在隱藏或顯示之間切換?；蛘?，你可以在頂部的頁面名稱（如Home）上點(diǎn)擊鼠標(biāo)右鍵，選擇右鍵菜單全部隱藏或全部顯示，可以隱藏或顯示頁面中所有的動(dòng)態(tài)面板。

                                     
　　3）雙擊添加完的動(dòng)態(tài)面板狀態(tài)（State1、2、…），會(huì)在Axure的工作區(qū)打開一個(gè)新標(biāo)簽?，F(xiàn)在，把這個(gè)新標(biāo)簽當(dāng)作是一個(gè)全新的頁面來設(shè)計(jì)就OK了，不過，記住不要超過藍(lán)色虛線外框。
　　4）給動(dòng)態(tài)面板添加交互。Axure5.5中常用在動(dòng)態(tài)面板上的交互行為包括：Set Panel state to State（設(shè)置動(dòng)態(tài)面板的狀態(tài)切換）、Show Panel（顯示動(dòng)態(tài)面板）、Hide Panel（隱藏動(dòng)態(tài)面板）、Toggle Visibility for Panel（切換動(dòng)態(tài)面板可見屬性）、Move Panel（移動(dòng)動(dòng)態(tài)面板到一個(gè)設(shè)定的位置（x*y））、Bring Panel to Front（將動(dòng)態(tài)面板置于最前）。交互行為的添加與添加其他組件的交互一樣，沒有什么好解釋和介紹的。
　　5）生成HTML發(fā)布到web上、生成CHM分發(fā)給其他團(tuán)隊(duì)成員、建立Axure協(xié)作共享、….
   友情提示：
　　a）使用Axure漢化版本 會(huì)讓你使用更輕松，雖然漢化的還不是非常完全，但是對(duì)于英文不好的同學(xué)來說已經(jīng)是莫大的幫助了，向漢化的平生一笑 同學(xué)致敬！
　　b）如果看Axure官方的使用說明很費(fèi)勁，可以參考目前陳良泳同學(xué)翻譯的快速原型設(shè)計(jì) ，翻譯質(zhì)量很不錯(cuò)！
　　c）從Axure5開始，可以創(chuàng)建自己的組建庫(kù)和導(dǎo)入別人做好的組建庫(kù)了，官方提供了一套雅虎的組件 ，個(gè)人覺得已經(jīng)完全夠用了。
　　d）模塊和組件是2個(gè)完全不同的概念，模塊的后綴是.rp而組件的后綴是.rplib。模塊和組件之間是可以相互轉(zhuǎn)化的，你可以利用組件去創(chuàng)建一些自己常用的模塊如網(wǎng)站頭部、底部等；你也可以把模塊里的內(nèi)容分拆成組件單個(gè)使用。
　　e）在生成chm格式的時(shí)候頁面名稱不要使用中文，中文名稱的頁面在chm里會(huì)顯示成亂碼。

　　原文：http://www.ikent.me/blog/1521