Android實現歌詞滑動顯示

繼承TextView自定義LyricView

import java.util.List;

import com.anjoyo.musicplayer.bean.LyricBean;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.Shader;
import android.graphics.Typeface;
import android.graphics.Paint.Align;
import android.graphics.Shader.TileMode;
import android.util.AttributeSet;
import android.widget.TextView;

public class LyricView extends TextView {

	/** 控件的高 */
	private float mHeight;
	/** 控件的寬 */
	private float mWidth;
	private Paint mPaint;
	private Paint prePaint;
	private Paint nextPaint;
	
	/** 當前歌曲的歌詞 */
	private List<LyricBean> lyricBeanList;
	/** 歌詞進度，List中的位置 */
	private int index;
	
	private float heightSign;
	private boolean start;
	
	private Shader inShader = new LinearGradient(0, 0, 0, LYRIC_ONE_HEIGHT, 
			Color.argb(0xcc, 0xcc, 0xcc, 0xcc), 
			Color.argb(0xff, 0xff, 0xff, 0xff), TileMode.MIRROR);
	private Shader outShader = new LinearGradient(0, LYRIC_ONE_HEIGHT, 0, 0, 
			Color.argb(0xcc, 0xcc, 0xcc, 0xcc), 
			Color.argb(0xff, 0xff, 0xff, 0xff), TileMode.MIRROR);
	
	/** 歌詞顯示的字體大小 */
	private static final int LYRIC_TEXT_SIZE = 36;
	/** 每行歌詞的高度 */
	private static final int LYRIC_ONE_HEIGHT = 60;
	
	public LyricView(Context context) {
		super(context);
		initView();
	}

	public LyricView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		initView();
	}

	public LyricView(Context context, AttributeSet attrs) {
		super(context, attrs);
		initView();
		
		new UpdateThread().start();
	}
	
	private void initView() {
		setFocusable(true);
		 
		mPaint = new Paint();
		mPaint.setAntiAlias(true);// 設置畫筆的鋸齒效果
		mPaint.setTextAlign(Align.CENTER);
		mPaint.setTextSize(LYRIC_TEXT_SIZE);
		mPaint.setTypeface(Typeface.SERIF);
		
		prePaint = new Paint(mPaint);
		prePaint.setShader(outShader);
		nextPaint = new Paint(mPaint);
		nextPaint.setShader(inShader);
	}
	
	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		if (canvas == null) {
			return;
		}
		mPaint.setColor(Color.argb(0xff, 0xff, 0xff, 0xff));//當前歌詞詞句顏色
		if (lyricBeanList == null || lyricBeanList.size() < 1 || index > lyricBeanList.size() - 1) {
			canvas.drawText("好音質，MusicPlayer！", mWidth / 2, mHeight / 2, mPaint);
			return;
		}
		canvas.drawText(lyricBeanList.get(index).getLyric(), mWidth / 2, heightSign, mPaint);
		
		mPaint.setColor(Color.argb(0xcc, 0xcc, 0xcc, 0xcc));//非當前歌詞詞句顏色
		
		float currentY = heightSign;
		//畫出本句之前的歌詞
		for (int i = index - 1; i >= 0; i--) {
			currentY -= LYRIC_ONE_HEIGHT;
			if (i == index - 1) {
				canvas.drawText(lyricBeanList.get(i).getLyric(), mWidth / 2,
						currentY, prePaint);
			} else {
				canvas.drawText(lyricBeanList.get(i).getLyric(), mWidth / 2,
						currentY, mPaint);
			}
		}
		currentY = heightSign;
		//畫出本句之後的歌詞
		for (int i = index + 1; i < lyricBeanList.size(); i++) {
			currentY += LYRIC_ONE_HEIGHT;
			if (i == index + 1) {
				canvas.drawText(lyricBeanList.get(i).getLyric(), mWidth / 2,
						currentY, nextPaint);	
			} else {
				canvas.drawText(lyricBeanList.get(i).getLyric(), mWidth / 2,
						currentY, mPaint);		
			}
		}
	}
	
	public void setLyricList(List<LyricBean> lyricBeanList) {
		this.lyricBeanList = lyricBeanList;
	}
	
	public void setStart(boolean start) {
		this.start = start;
	}
	
	public boolean getStart() {
		return this.start;
	}
	
	public void setIndex(int index) {
		if (this.index != index) {
			this.index = index;
			heightSign = mHeight / 2 + LYRIC_ONE_HEIGHT / 2;
		}
	}
	
	private class UpdateThread extends Thread {
		@Override
		public void run() {
			while (true) {
				if (start && lyricBeanList.size() > index + 1) {
					if (heightSign > mHeight / 2f - LYRIC_ONE_HEIGHT / 2f) {
						heightSign -= LYRIC_ONE_HEIGHT / 
								(float)(lyricBeanList.get(index + 1).getLyricTime() 
										- lyricBeanList.get(index).getLyricTime()) * 50;
					}
					postInvalidate();
				}
				try {
					sleep(50);
				} catch (InterruptedException e) {
					e.printStackTrace();
				}
			}
		}
	}
	
	@Override
	protected void onSizeChanged(int w, int h, int oldw, int oldh) {
		super.onSizeChanged(w, h, oldw, oldh);
		mWidth = w;
		mHeight = h;
		heightSign = h / 2f + LYRIC_ONE_HEIGHT / 2f;
	}

	
}

LyricBean.java如下

import java.util.List;

/**
 * 一句歌詞
 * 
 * @author HLP
 */
public class LyricBean {

	/** 一句歌詞 */
	private String lyric;
	/** 本句歌詞開始的時間 */
	private int lyricTime;
	/** 本句歌詞每個字的持續時間 ，構成數組 */
	private List<Integer> wordsTime;

	public LyricBean(String lyric, int lyricTime, List<Integer> wordsTime) {
		super();
		this.lyric = lyric;
		this.lyricTime = lyricTime;
		this.wordsTime = wordsTime;
	}

	public String getLyric() {
		return lyric;
	}

	public void setLyric(String lyric) {
		this.lyric = lyric;
	}

	public int getLyricTime() {
		return lyricTime;
	}

	public void setLyricTime(int lyricTime) {
		this.lyricTime = lyricTime;
	}

	public List<Integer> getWordsTime() {
		return wordsTime;
	}

	public void setWordsTime(List<Integer> wordsTime) {
		this.wordsTime = wordsTime;
	}

}

版權所有，轉載請註明出處！http://blog.csdn.net/kuailebeihun_/article/details/22993711