2015-09-14 62 views
4

我想實現這樣的事情。這樣我就可以控制它的顏色,條數,速度等。實現谷歌播放音樂像動畫(播放列表項旁邊的3小節頻譜)

下面是當前在Google-Play-Music應用程序中播放的項目旁邊顯示的動畫。

我會以類似的方式播放此內容:旁邊的音樂應用程序正在播放的歌曲。

enter image description here

+1

https://android-arsenal.com/details/1/1558 –

+0

謝謝!這就是男人。如果你把它作爲答案發布,我可以接受它。 –

+0

是我可以添加3個以上的塊嗎?以及如何減少塊的大小呢? –

回答

1

有一個叫Mini Equalizer Library for Android它提供了這個功能庫。

1

您需要的視圖添加到您的佈局:

<es.claucookie.miniequalizerlibrary.EqualizerView 
    xmlns:custom="http://schemas.android.com/apk/res-auto" 
     android:id="@+id/equalizer_view" 
     android:layout_width="30dp" 
     android:layout_height="30dp" 
     custom:foregroundColor="@color/link_text_material_light" 
     custom:animDuration="3500"/> 

爲了啓動動畫,使用此代碼:

EqualizerView equalizer = (EqualizerView) findViewById(R.id.equalizer_view); 
equalizer.animateBars(); // Whenever you want to tart the animation 
equalizer.stopBars(); // When you want equalizer stops animating 

而且,是另一個名爲AndroidVuMeter的圖書館,它似乎有更多的選擇。

2

視圖只需添加到您的佈局。

<io.gresse.hugo.vumeterlibrary.VuMeterView 
    android:layout_width="300dp" 
    android:layout_height="300dp" 
    android:paddingLeft="20dp" 
    android:paddingRight="20dp" 
    android:paddingBottom="40dp" 
    android:id="@+id/vumeter" 
    vumeter:stopSize="5dp" 
    vumeter:speed="10" 
    vumeter:blockNumber="5" 
    vumeter:blockSpacing="20dp" 
    vumeter:backgroundColor="#33b5e5" 
    vumeter:startOff="false"/> 
+0

作爲一個備註,第一個鏈接的庫(Android迷你均衡器庫)使用android視圖並對其進行動畫處理,但考慮到這種複雜性,它並未真正進行優化。第二個庫在畫布上繪製自己,因此該視圖消耗較少的內存並使用較少的資源來繪製矩形。 –

+0

嗨,我怎樣才能在其xml文件中設置塊號碼 –