android 开源歌词 android歌词显示

 

v 让歌词显示在Windows上，同时置顶显示（使得页面可以获取焦点）

要使 TextView 显示在Window上，可以通过 WindowManager 对象的 addView(view, params)方法。
addView( view, params)方法需要接受2个参数;
TextView 的对象（其实是我们自定义的TextView对象，后面会提到）。
params 是我们要添加控件的布局参数， 即 LayoutParams 对象。因此置顶的设置就在于这个params对象的设置，这里我们可以通过 WindowManager.LayoutParams类设置View置顶，通过参看API，可以通过 params.type = WindowManager.LayoutParams.TYPE_SYSTEM_OVERLAY; 设置置顶。

真个代码大致为：

1 WindowManager wm = (WindowManager)getApplicationContext().getSystemService(WINDOW_SERVICE);    
2 WindowManager.LayoutParams params = new WindowManager.LayoutParams();    
3 params.type = WindowManager.LayoutParams.TYPE_SYSTEM_OVERLAY;    
4     
5 params.width = WindowManager.LayoutParams.WRAP_CONTENT;    
6 params.height = WindowManager.LayoutParams.WRAP_CONTENT;    
7     
8 TextView tv = new TextView(this);    
9 wm.addView(tv, params);

注：WindowManager 是通过getSystemService 来获取，但是必须先getApplicationContext，否则就无效了。还有一点就是要在Manifest.xml 中添加权限：

<users-permission android:name =”android.permission.SYSTEM_ALERT_WINDOW”/>

当我们完成以上操作后，会发现被置顶的歌词，使得页面上的什么操作都做不了了。为了解决这个问题，我们必须设置params.flags 参数，让当前的View 失去焦点，从而让后面的页面获得焦点。

Params.flags = LayoutParams.FLAG_NOT_TOUCH_MODAL | LayoutParams.FLAG_NOT_FOCUSABLE;

 

v 让我们定义的歌词可以移动，同时有卡拉OK的歌词覆盖效果
首先自定义一个TextView类：LRCView
移动
重写onTouchEvent方法

public boolean onTouchEvent(MotionEvent event) {  
1         x = event.getRawX();  
2         y = event.getRawY();  
3         switch (event.getAction()) {  
4         case MotionEvent.ACTION_DOWN:  
5             startX = event.getX();  
6             startY = event.getY();  
7             break;  
8         case MotionEvent.ACTION_MOVE:  
9             updatePostion();  
10             break;            
11         case MotionEvent.ACTION_UP:  
12             updatePostion();  
13             break;  
14         }  
15         return true;  
16     }
其中getRawX、getRawY用于获取触摸点离屏幕左上角的距离。 而getX、getY用于获取触摸点离textView左上角的距离.
两者相减，就是View左上角的坐标了。

歌词的播放效果
    		protected void onDraw(Canvas canvas) {  1         super.onDraw(canvas);  
2         //控制播放速度
3         speed1 += 0.01;  
4         speed2 += 0.01;  
5         //如果播放完了，就重新播放
6         if(speed1 >= 1){  
7             speed1 = 0.0f;  
8             speed2 = 0.01f;  
9         }  
10         int length = (int) (getTextSize() * text.length());//得到整个歌词的长度
11         //渲染歌词,LinearGradient前四个参数是从那里渲染到那里，第五个参数是渲染的颜色，第六个是对应渲染颜色的速度，第7个是模式
12         Shader shader = new LinearGradient(0, 0, length, 0,   
13                 new int[]{Color.argb(210, 251, 248, 29),Color.argb(170, 95, 185, 255)}, new float[]{speed1,speed2},TileMode.CLAMP);  
14         paint.setShader(shader);  
15         canvas.drawText(text, 0, 40, paint);  
16     }

自定义后的TextView：

package com.hh.music.view;
 
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.Shader.TileMode;
import android.graphics.Typeface;
import android.os.Handler;
import android.util.Log;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.WindowManager;
import android.view.WindowManager.LayoutParams;
import android.widget.TextView;
 
public class LRCView extends TextView
{
 
	public static WindowManager.LayoutParams params = new WindowManager.LayoutParams();
状态栏高度
	private WindowManager windowManager;
触摸点的X坐标
触摸点的Y坐标
触摸点现对于TextView 的X坐标
触摸点现对于TextView 的Y坐标
	private String text;	
控制播放速度的并且对应颜色数组里的第一个颜色
控制播放速度的并且对应颜色数组里的第二个颜色
	private Handler handler;
	private Paint paint;
 
给次显示时间
 
	public LRCView(Context context)
	{
		super(context);
		windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
		handler = new Handler();
		handler.post(runnable);
		paint = new Paint();
		paint.setStrokeWidth(4);
		paint.setAntiAlias(true);
		paint.setTextSize(30);
		paint.setTypeface(Typeface.SERIF);
		this.setTextSize(30);
	}
 
	@Override
	protected void onDraw(Canvas canvas)
	{
		super.onDraw(canvas);
 
 
得到整个歌曲的长度
 
		if(lineTime!=0)
		{
计算出播放速度
			speed1 += speed;
			speed2 += speed;
 
			//Log.i("SPEED", "linetime - " + lineTime + " info :SPEED-> "+speed + " " +speed1+ " " + speed2 );
		}
		/**
控制播放速度
		speed1 += 0.01;
		speed2 += 0.01;
 
如果播放完了就重新播放
		if(speed1 >= 1)
		{
			speed1 = 0.0f;
			speed2 = 0.01f;
		}*/

歌词X偏移像素

 

渲染歌词，LinearGradient 前四个参数是从哪里渲染到那里，第五个是渲染的颜色，第六个是渲染颜色的速度，第7个是模式

Shader shader = new LinearGradient(offsetX, 0, offsetX+length, 0,   
                new int[]{Color.argb(210, 251, 248, 29),Color.argb(170, 95, 185, 255)}, lineTime == 0.0F ? null :(new float[]{speed1,speed2}),TileMode.CLAMP);
		paint.setShader(shader);
 
		canvas.drawText(text, offsetX, 33, paint);
	}
 
	@Override
	public boolean onTouchEvent(MotionEvent event)
	{
		x = event.getRawX();
		y = event.getRawY()-statusBarHeight;
		switch (event.getAction())
		{
		case MotionEvent.ACTION_DOWN:
			startX = event.getX();
			startY = event.getY();
			break;
		case MotionEvent.ACTION_MOVE:  
            updatePostion();
            break;            
        case MotionEvent.ACTION_UP:  
        	updatePostion();  
            break;
		}
		return true;
	}
 
	private Runnable runnable = new Runnable()
	{
		public void run()
		{
更新组件
			handler.postDelayed(runnable, 200);
		}
	};
 
	private void updatePostion()
	{
		params.x = (int) (x - startX);
		params.y = (int) (y - startY);
		windowManager.updateViewLayout(this, params);
	}
 
	public void setText(String text)
	{
		this.text = text;
	}
 
}