android MusicPlayer 音乐播放器 Lrc歌词控件的实现

                   MusicPlayer Lrc歌词控件的实现

最近在做一个音乐播放器,关于其中歌词控件,上网查过了一些资料,然后进行修改,也算完整的实现了其功能。先看看实现后的效果。
        实现的原理实际上是自定义一个View来显示歌词,然后利用View.invalidate()方法来不断的调用onDraw方法,重绘该View。
至于歌词的读取,实际上按照路径读取歌词文件,然后将其时间和每一句歌词分解开并给每一句一个index,通过处理当前播放时间来得到index以此来显示。
具体实现分别如下:
首先创建一个IrcContent类,相当于结构体。每一个IrcContent的实例实际上就是一句歌词,而真个Irc文件就是个List<IrcContent>.
package com.example.zhsmusicplayer;
/*
 * 歌词实体类
 * 每一句带时间的歌词就是一个LrcContent实例
 * 
 * */
public class LrcContent {

    private String lrcStr;  //歌词内容  
    private int lrcTime;    //歌词当前时间  
    public String getLrcStr() {  
        return lrcStr;  
    }  
    public void setLrcStr(String lrcStr) {  
        this.lrcStr = lrcStr;  
    }  
    public int getLrcTime() {  
        return lrcTime;  
    }  
    public void setLrcTime(int lrcTime) {  
        this.lrcTime = lrcTime;  
    }  
}  
然后创建一个LrcProcess类用来读取歌词并将歌词中的时间Time转化为 MediaPlayer类中所使用的getCurrentPosition的毫秒。
  
package com.example.zhsmusicplayer;

import java.io.BufferedReader;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.io.InputStreamReader;
import java.util.ArrayList;
import java.util.List;

import android.util.Log;

/*
 * 用来读取歌词并且解析类
 * 
 * */
public class LrcProcess {
 private List<LrcContent> lrcList;//List集合用来储存歌词对象(每一句歌词)
 private LrcContent mLrcContent;
/* 无参数构造函数*/
 public LrcProcess() {  
     mLrcContent = new LrcContent();  
     lrcList = new ArrayList<LrcContent>();  
 }  
 
/* 读取某个地址下的歌词文件*/
   public String readLRC(String path){
	   StringBuilder stringBuilder = new StringBuilder();
	   //这里是直接将MP3的地址直接赋予lrc,及要求lrc的地址与MP3地址一致且名称与MP3一致
	   File f = new File(path.replace(".mp3", ".lrc")); 
	   //创建一个文件输入流
	   try {  
           //创建一个文件输入流对象  
           FileInputStream fis = new FileInputStream(f);  
           InputStreamReader isr = new InputStreamReader(fis, "utf-8");  
           BufferedReader br = new BufferedReader(isr);  
           String s = "";  
           while((s = br.readLine()) != null) {  
               //替换字符  
               s = s.replace("[", "");  
               s = s.replace("]", "@");  
                 
               //分离“@”字符  
               String splitLrcData[] = s.split("@");  
               if(splitLrcData.length > 1) {  
                   mLrcContent.setLrcStr(splitLrcData[1]);  
                     
                   //处理歌词取得歌曲的时间  
                   int lrcTime = time2Str(splitLrcData[0]);  
                   mLrcContent.setLrcTime(lrcTime);  
                     
                   //添加进列表数组  
                   lrcList.add(mLrcContent);  
                     
                   //新创建歌词内容对象  
                   mLrcContent = new LrcContent();  
               }  
           }  
       } catch (FileNotFoundException e) {  
           e.printStackTrace();
           stringBuilder.append("木有歌词文件,赶紧去下载!...");  
       } catch (IOException e) {  
           e.printStackTrace();  
           stringBuilder.append("木有读取到歌词哦!");  
       }  
       return stringBuilder.toString();  
   }  
   /** 
    * 解析歌词时间 
    * 就是将读取到的Time转换为duration
    */  
   public int time2Str(String timeStr) {  
       timeStr = timeStr.replace(":", ".");  
       timeStr = timeStr.replace(".", "@");  
         
       String timeData[] = timeStr.split("@"); //将时间分隔成字符串数组  
         
       //分离出分、秒并转换为整型  
       int minute = Integer.parseInt(timeData[0]);  
       int second = Integer.parseInt(timeData[1]);  
       int millisecond = Integer.parseInt(timeData[2]);  
       //计算上一行与下一行的时间转换为毫秒数  
       int currentTime = (minute * 60 + second) * 1000 + millisecond * 10;  
       return currentTime;  
   }  
   public List<LrcContent> getLrcList() {  
       return lrcList;  
   }  
	   
   }
<span style="font-family:Arial, Helvetica, sans-serif;"><span style="white-space: normal;"></span></span>      关于File f = new File(path.replace(".mp3", ".lrc")); 这一句是用来读取某地址下的歌词文件,我这里path参数实际上MP3文件的地址,这就意味着,我打开歌词文件的地址必须和MP3地址相同,在同一个文件夹且文件名也相同。
      接下来就是自定义View作为IrcView了,这里继承了TextView,复写了onDraw()函数来显示需要的信息。
<pre name="code" class="java">package com.example.zhsmusicplayer;
import java.util.ArrayList;
import java.util.List;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Typeface;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.widget.ImageView;
import android.widget.ProgressBar;
import android.widget.RelativeLayout;
import android.widget.TextView;

	class CustomBar extends RelativeLayout
	{

		private TextView musicName;
		private ImageView musicImg;
		private TextView musicArtist;
		private TextView musicTime;
		private ImageView iconPlay;
		private ImageView iconNext;
		private ImageView iconPrev;
		private ProgressBar timeBar;
		
		public CustomBar(Context context)
		{
			super(context);
		}
		
		
		public CustomBar(Context context, AttributeSet attrs) {
			super(context, attrs);
			// TODO Auto-generated constructor stub
			LayoutInflater inflater=(LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
			inflater.inflate(R.layout.custom_music_play, this);
			if(isInEditMode()){return;}
			
			musicName=(TextView)findViewById(R.id.name_text);
			musicArtist=(TextView)findViewById(R.id.author_text);
			musicTime=(TextView)findViewById(R.id.time_text);
			musicImg=(ImageView)findViewById(R.id.music_img);
			iconPlay=(ImageView)findViewById(R.id.play_img);
			iconNext=(ImageView)findViewById(R.id.next_img);
			iconPrev=(ImageView)findViewById(R.id.prev_img);
			timeBar=(ProgressBar)findViewById(R.id.time_progressBar);
			
		}
		
		public void setMusicName(String name){
			musicName.setText(name);
		}
		public void setMusicArtist(String Author){
			musicArtist.setText(Author);
		}
		public void setMusicTime(String time){
			musicTime.setText(time);
		}
		public void setOnMusicPlayListener(OnClickListener playListener){
			iconPlay.setOnClickListener(playListener);
		}
		public void setOnMusicPlayNextListener(OnClickListener playNextListener){
			iconNext.setOnClickListener(playNextListener);
		}
		public void setOnMusicPlayPrevListener(OnClickListener playPrevListener){
			iconPrev.setOnClickListener(playPrevListener);
		}
		public void setPlayImg(boolean isPause){
			if(isPause)
				iconPlay.setImageResource(R.drawable.icon_pause);
			else
				iconPlay.setImageResource(R.drawable.icon_play);
			
		}
		public void setTimeBarMax(int max){
			timeBar.setMax(max);
		}
		public void setTimeBarProgress(int progress){
			timeBar.setProgress(progress);
			
		}
	}
	
    class LrcView extends TextView{
		 private float width;        //歌词视图宽度  
		    private float height;       //歌词视图高度  
		    private Paint currentPaint; //当前画笔对象  
		    private Paint notCurrentPaint;  //非当前画笔对象  
		    private float textHeight = 25;  //文本高度  
		    private float textSize = 18;        //文本大小  
		    private int index = 0;      //list集合下标  
		      
		      
		    private List<LrcContent> mLrcList = new ArrayList<LrcContent>();  
		      
		    public void setmLrcList(List<LrcContent> mLrcList) {  
		        this.mLrcList = mLrcList;  
		    }  
		  
		    public LrcView(Context context) {  
		        super(context);  
		        init();  
		    }  
		    public LrcView(Context context, AttributeSet attrs, int defStyle) {  
		        super(context, attrs, defStyle);  
		        init();  
		    }  
		  
		    public LrcView(Context context, AttributeSet attrs) {  
		        super(context, attrs);  
		        init();  
		    }  
		  
		    private void init() {  
		        setFocusable(true);     //设置可对焦  
		          
		        //高亮部分  
		        currentPaint = new Paint();  
		        currentPaint.setAntiAlias(true);    //设置抗锯齿,让文字美观饱满  
		        currentPaint.setTextAlign(Paint.Align.CENTER);//设置文本对齐方式  
		          
		        //非高亮部分  
		        notCurrentPaint = new Paint();  
		        notCurrentPaint.setAntiAlias(true);  
		        notCurrentPaint.setTextAlign(Paint.Align.CENTER);  
		    }  
		      
		    /** 
		     * 绘画歌词 
		     */  
		    @Override  
		    protected void onDraw(Canvas canvas) {  
		        super.onDraw(canvas);  
		        if(canvas == null) {  
		            return;  
		        }  
		        //Log.e("zhs","Index in LrcView Ondraw====="+index);
		        /*if(index!=0)
		        Log.e("zhs",mLrcList.get(index).getLrcStr()); */
		         
		        //设置字体的大小以及绘制出来的画笔
		        currentPaint.setColor(Color.argb(210, 251, 248, 29));  
		        notCurrentPaint.setColor(Color.argb(140, 255, 255, 255));  
		          
		        currentPaint.setTextSize(24);  
		        currentPaint.setTypeface(Typeface.SERIF);  
		          
		        notCurrentPaint.setTextSize(textSize);  
		        notCurrentPaint.setTypeface(Typeface.DEFAULT);  
		          
		        try {  
		            setText("");  
		            canvas.drawText(mLrcList.get(index).getLrcStr(), width / 2, height / 2, currentPaint);  
		               
		            float tempY = height / 2;  
		            //画出本句之前的句子  
		            for(int i = index - 1; i >= 0; i--) {  
		                //向上推移  
		                tempY = tempY - textHeight;  
		                canvas.drawText(mLrcList.get(i).getLrcStr(), width / 2, tempY, notCurrentPaint);  
		            }  
		            tempY = height / 2;  
		            //画出本句之后的句子  
		            for(int i = index + 1; i < mLrcList.size(); i++) {  
		                //往下推移  
		                tempY = tempY + textHeight;  
		                canvas.drawText(mLrcList.get(i).getLrcStr(), width / 2, tempY, notCurrentPaint);  
		            }   
		        } catch (Exception e) {  
		            setText("异常了");  
		        }  
		    }  
		  
		    /** 
		     * 当view大小改变的时候调用的方法 
		     */  
		    @Override  
		    protected void onSizeChanged(int w, int h, int oldw, int oldh) {  
		        super.onSizeChanged(w, h, oldw, oldh);  
		        this.width = w;  
		        this.height = h;  
		    }  
		  
		    public void setIndex(int index) {  
		        this.index = index;  
		    }  
		      
		
	}


                        绘制的原理就是当前index指示的即为当前播放的歌词为一种Paint,而利用另外一种Paint来绘制出其余的歌词。利用setmLrcList(List<LrcContent> mLrcList)函数与setIndex(int index)函数来设置歌词文件以及当前index。 
然后就是创建一个用来承载LrcView的MusicPlayActivity.xml文件如下:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.zhsmusicplayer.MusicPlayActivity"
    android:background="#ffffff" 
    tools:ignore="MergeRootFrame" >

<com.example.zhsmusicplayer.LrcView  
    android:id="@+id/lrcShowView"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:background="#486432" 
    android:layout_centerHorizontal="true" />

</RelativeLayout>
接下来要做的就是在播放音乐的service中处理以获取到Index与当前播放音乐的地址并将其传给activity.
获取index,如下:
	/**
	 * 根据时间获取歌词显示的索引值
	 * @return
	 */
	public int lrcIndex() {
		if(mediaPlayer.isPlaying()) {
			currentTime = mediaPlayer.getCurrentPosition();
			duration = mediaPlayer.getDuration();
		}
		if(currentTime < duration) {
			for (int i = 0; i < lrcList.size(); i++) {
				if (i < lrcList.size() - 1) {
					if (currentTime < lrcList.get(i).getLrcTime() && i == 0) {
						index = i;
					}
					if (currentTime > lrcList.get(i).getLrcTime()
							&& currentTime < lrcList.get(i + 1).getLrcTime()) {
						index = i;
					}
				}
				if (i == lrcList.size() - 1
						&& currentTime > lrcList.get(i).getLrcTime()) {
					index = i;
				}
			}
		}
		return index;
	}
                          初始化歌词,开启线程不断的向Activity中传递数据。
   /**
	 * 初始化歌词配置
	 */
	public void initLrc(){
		handler.post(mRunnable);
	}
Runnable mRunnable = new Runnable() {
		
		@Override
		public void run() {
			intentForLrc = new Intent("message_for_lrc");
			intentForLrc.putExtra("path",path);
			intentForLrc.putExtra("LrcIndext",lrcIndex());
			sendBroadcast(intentForLrc);
			handler.postDelayed(mRunnable, 100);
		}
	};
runnable线程会不断地向Activity发送包括地址与Index信息的广播。
在播放音乐的同时调用initLrc()函数来不断获取并发送歌词的信息。
 /** 
     * 播放音乐 
     * @param position 
     */  
    private void play(int position) {  
        try {  
        	initLrc();
            mediaPlayer.reset();//把各项参数恢复到初始状态  
            mediaPlayer.setDataSource(path);  
            mediaPlayer.prepare();  //进行缓冲  
         //   mediaPlayer.setOnPreparedListener(new PreparedListener(position));//注册一个监听器  
            mediaPlayer.start();
            isPlaying = true;
        }  
        catch (Exception e) {  
            e.printStackTrace();  
        }  
    } 
最后就是Activity中进行广播的接收以及控件的重绘了。
package com.example.zhsmusicplayer;



import java.util.List;

import com.example.zhsmusicplayer.MusicListActivity.widgetReceiver;

import android.app.Activity;
import android.content.BroadcastReceiver;
import android.content.Context;
import android.content.Intent;
import android.content.IntentFilter;
import android.os.Bundle;
import android.os.Handler;
import android.util.Log;
import android.view.animation.AnimationUtils;

public class MusicPlayActivity extends Activity {
	LrcView lrcView;
	ServiceReceiver LrcReceiver;
	IntentFilter intentFilter;//接收来自Service的广播,用来跟新歌词信息
	Handler handler;//handler用来执行实现LrcIndex的检测的接收
	Runnable mRunnable;
	int currentTime,duration;
	String path =null;//当前歌词的path
	int Index=-1;//歌词每一句的索引
	LrcProcess mLrcProcess;
	List<LrcContent> lrcList;
	boolean IsRunnable=false;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_music_play);
		lrcView = (LrcView) findViewById(R.id.lrcShowView);
		
		//广播的注册
		LrcReceiver=new ServiceReceiver();
        intentFilter = new IntentFilter();
        intentFilter.addAction("message_for_lrc");
        registerReceiver(LrcReceiver, intentFilter);
        
        //handler
        handler=new Handler(){};
        //该标志位的目的就是每次进入到该activity执行一次handler.post(mRunnable)
        IsRunnable=false;
        //Runnable
    	mRunnable = new Runnable() {
    		
    		@Override
    		public void run() {
    			lrcView.setIndex(Index);
    			lrcView.invalidate();
    			handler.postDelayed(mRunnable, 100);
    		}
    	};
	}

	
	@Override
	protected void onDestroy() {
		// TODO Auto-generated method stub
		super.onDestroy();
		unregisterReceiver(LrcReceiver);
	}

	@Override
	protected void onPause() {
		// TODO Auto-generated method stub
		super.onPause();
	}

	//接收来自widget的broadcast
    public class ServiceReceiver extends BroadcastReceiver {

		@Override
		public void onReceive(Context context, Intent intent) {
			// TODO Auto-generated method stub
			 String action = intent.getAction(); 
			 if(action.equals("message_for_lrc")){
				 if(intent.hasExtra("path")){					 
					 path=intent.getStringExtra("path");
					 mLrcProcess = new LrcProcess();
						//读取歌词文件
						mLrcProcess.readLRC(path);
						//传回处理后的歌词文件
						lrcList = mLrcProcess.getLrcList();
					    lrcView.setmLrcList(lrcList);
					    if(IsRunnable){}
					    else{
					    	handler.post(mRunnable);
					    	IsRunnable=true;
				            }
				 }
					    
				 if(intent.hasExtra("LrcIndext")){
					 if(intent.getIntExtra("LrcIndext",-1)!=Index){
					 Index=intent.getIntExtra("LrcIndext",-1);
					 }

                    
					
				 }
			 }
			 
			 
		}
    }
    



}
动态注册广播接收器同时创建ruannable线程来不断更新LrcView。实际上由于只需要在第一次获取到path信息的时候启动Runnable,故设立了标志位IsRunnable
来进行控制。同时保证了当你每次跳到该Activity时,可以调用Runnable来继续刷新IrcView。
IrcView的基本实现就是这样了。



                         









评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值