QQ截图20161121155255.png

先看下XML文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"   
             xmlns:app="http://schemas.android.com/apk/res-auto"    
             android:layout_width="match_parent"    
             android:layout_height="match_parent"   
             android:background="#2A500D">   
   <TextView    
      android:id="@+id/textViewSong"  
      android:layout_width="wrap_content"   
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true"      
      android:layout_marginTop="50dp"      
      android:text="千年风雅"     
      android:textColor="@android:color/white"   
      android:textSize="22sp"/>  
   <TextView    
      android:id="@+id/textViewSinger"     
      android:layout_width="wrap_content"     
      android:layout_height="wrap_content"       
      android:layout_below="@+id/textViewSong"    
      android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp"  
      android:text="周子雷"  
      android:textColor="#80FFFFFF"  
      android:textSize="15sp"/>
    <androgeek.material.library.MaterialMusicPlayerView   
      android:id="@+id/mpv"    
      android:layout_width="250dp"   
      android:layout_height="250dp"  
      android:layout_below="@+id/textViewSinger"     
      android:layout_centerHorizontal="true" 
      android:layout_marginTop="80dp" 
      app:buttonColor="#ff0028"       
      app:cover="@drawable/mycover"    
      app:progressEmptyColor="#20FFFFFF"   
      app:progressLoadedColor="#00815E"   
      app:textColor="#5CB6D4"  
      app:textSize="16sp"        />  
  <ImageView     
      android:id="@+id/like"     
      android:layout_width="20dp" 
      android:layout_height="20dp" 
      android:layout_below="@+id/mpv"   
      android:layout_centerHorizontal="true"    
      android:layout_marginTop="50dp"   
      android:background="@drawable/icon_like"/> 
   <ImageView     
     android:id="@+id/next"   
     android:layout_width="20dp"     
     android:layout_height="20dp"     
     android:layout_alignRight="@+id/mpv"   
     android:layout_below="@+id/mpv"  
     android:layout_marginTop="50dp"     
     android:background="@drawable/icon_next"/> 
   <ImageView     
       android:id="@+id/previous"   
       android:layout_width="20dp"
       android:layout_height="20dp" 
       android:layout_alignLeft="@+id/mpv"    
       android:layout_below="@+id/mpv"   
       android:layout_marginTop="50dp"  
       android:background="@drawable/icon_previous"/>
</RelativeLayout>

再看下MainActivity文件

public class MainActivity extends Activity {    
  MaterialMusicPlayerView mpv;    
    @Override  
  protected void onCreate(Bundle savedInstanceState) {    
      super.onCreate(savedInstanceState);      
      setContentView(R.layout.activity_main);      
      mpv = (MaterialMusicPlayerView) findViewById(R.id.mpv);       
      mpv.setCoverURL("http://ww2.sinaimg.cn/large/610dc034gw1f9zjk8iaz2j20u011hgsc.jpg");     
      mpv.setTimeColor(R.color.color_gray);    
      //音乐播放时间300s      
     mpv.setMax(300);     
     mpv.setOnClickListener(new View.OnClickListener() {    
      @Override       
      public void onClick(View v) {         
        if (mpv.isRotating())              
          mpv.stop();             
       else                  
           mpv.start();        
       }      
  });   
 }}

请去github下载详细代码:
https://github.com/amineghabi/Material_MusicPlayerView