Axure入門案例系列：簡(jiǎn)單音頻播放動(dòng)效

Axure入門案例系列：簡(jiǎn)單音頻播放動(dòng)效局部動(dòng)態(tài)的展示能夠的快速的吸引用戶眼球，本次案例制作一個(gè)音頻播放的動(dòng)效，通過動(dòng)效的方式提現(xiàn)交互樣式。準(zhǔn)備Axure8（或Axure9）軟件已安裝。掌握基本的軟件使用。熟悉動(dòng)態(tài)面板。本教程知識(shí)點(diǎn)基礎(chǔ)動(dòng)態(tài)面板應(yīng)用。元件移動(dòng)銜接。移動(dòng)邊界值的判斷。詳細(xì)教程本文以音頻播放聲紋為展示動(dòng)，點(diǎn)擊播放，聲紋向左移動(dòng)，點(diǎn)擊暫停，聲紋停止移動(dòng)，點(diǎn)擊刪除按鈕，聲紋停止移動(dòng)為案例進(jìn)行逐步講解。1.搭建基礎(chǔ)的框架音頻模擬展示區(qū)域（動(dòng)態(tài)面板）控制器：兩個(gè)狀態(tài)的動(dòng)態(tài)面板，利用動(dòng)態(tài)面板狀態(tài)切換觸發(fā)動(dòng)效。播放控制：動(dòng)態(tài)面板，切換播放與暫停。其它元件：文字、矩形。2.讓音頻聲紋在局部展示利用動(dòng)態(tài)面板的外部只展示局部的屬性進(jìn)行音頻聲紋的局部展示。虛線區(qū)域?yàn)閯?dòng)態(tài)面板可展示區(qū)域。3.音頻聲紋配置展示區(qū)域與動(dòng)效原理（1）配置準(zhǔn)備音頻聲紋（長(zhǎng)度和動(dòng)態(tài)面板可視區(qū)域相同）。復(fù)制音頻聲紋文件一份，拖動(dòng)至第一個(gè)音頻文件尾部，進(jìn)行收尾連接。（2）動(dòng)效原理音頻聲紋、音頻聲紋-復(fù)制同時(shí)移動(dòng)，當(dāng)音頻聲紋移動(dòng)出動(dòng)態(tài)面板區(qū)域后，自動(dòng)移動(dòng)至原始的音頻聲紋-復(fù)制區(qū)域，這樣就可以將構(gòu)成連續(xù)的聲紋交互。4.讓音頻可控的動(dòng)起來利用動(dòng)態(tài)面板的狀態(tài)改變的交互事件讓音頻聲紋與音頻聲紋復(fù)制按照規(guī)律的節(jié)奏移動(dòng)起來。點(diǎn)擊外部開始動(dòng)態(tài)面板按鈕時(shí)，設(shè)置控制器動(dòng)態(tài)面板按照循環(huán)切換下一個(gè)進(jìn)行控制。點(diǎn)擊暫停時(shí)，讓控制器的動(dòng)態(tài)面板處于暫停狀態(tài)。設(shè)置控制器動(dòng)態(tài)面板，每切換一次狀態(tài)，移動(dòng)音頻聲紋與音頻聲紋復(fù)制一定的距離。同時(shí)給聲紋設(shè)置最大的移動(dòng)距離（音頻聲紋的長(zhǎng)度）。同原理圖，在音頻聲紋移動(dòng)出動(dòng)態(tài)面板區(qū)域后，使其移動(dòng)至原始的音頻聲紋-復(fù)制位置。依次循環(huán)。5.優(yōu)化細(xì)節(jié)設(shè)置暫停時(shí)，控制器動(dòng)態(tài)面板切換為暫停。設(shè)置刪除時(shí)，如果音頻聲紋在模擬播放，將控制器動(dòng)態(tài)面板切換為暫停?？偨Y(jié)多重的動(dòng)態(tài)面板嵌套使用，一定要找對(duì)對(duì)應(yīng)事件的動(dòng)態(tài)面板（元件命名很重要）可以利用移動(dòng)+動(dòng)態(tài)面板作為觸發(fā)器實(shí)現(xiàn)簡(jiǎn)單