中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導(dǎo)讀：音頻播放特效大家都應(yīng)該見(jiàn)過(guò)，本文作者利用Axure動(dòng)態(tài)面板功能對(duì)音頻播放動(dòng)效進(jìn)行了一個(gè)簡(jiǎn)單的原型設(shè)計(jì)，并對(duì)過(guò)程中遇到的一些問(wèn)題進(jìn)行了簡(jiǎn)單的梳理，與大家分享。

局部動(dòng)態(tài)的展示能夠的快速的吸引用戶(hù)眼球，本次案例制作一個(gè)音頻播放的動(dòng)效，通過(guò)動(dòng)效的方式提現(xiàn)交互樣式。

準(zhǔn)備

• Axure 8（或Axure 9）軟件已安裝。
• 掌握基本的軟件使用。
• 熟悉動(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)起來(lái)

利用動(dòng)態(tài)面板的狀態(tài)改變的交互事件讓音頻聲紋與音頻聲紋復(fù)制按照規(guī)律的節(jié)奏移動(dòng)起來(lái)。

點(diǎn)擊外部開(kāi)始動(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)面板切換為暫停。

總結(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)單的動(dòng)效交互。
• 本案例也適用于彈幕的樣式交互，只需改造對(duì)應(yīng)動(dòng)態(tài)面板的大小與內(nèi)部文字的位置。

#專(zhuān)欄作家#

Brose，微信公眾號(hào)：PMYX，人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。關(guān)注廣告營(yíng)銷(xiāo)、K12教育、智慧零售。擅長(zhǎng)系統(tǒng)需求挖掘與功能設(shè)計(jì)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議。