Android 桌面同步显示歌词

 

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

要使 TextView 显示在Window上，可以通过 WindowManager 对象的 addView(view, params)方法。
addView( view, params)方法需要接受2个参数;
  参数 view 当然就是我们要显示的歌词的文本控件，这里可以直接认为是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();

public static int statusBarHeight; // 状态栏高度

private WindowManager windowManager;

private float x; // 触摸点的X坐标

private float y; // 触摸点的Y坐标

private float startX; // 触摸点现对于TextView 的X坐标

private float startY; // 触摸点现对于TextView 的Y坐标

private String text;

private float speed1; //控制播放速度的并且对应颜色数组里的第一个颜色

private float speed2; //控制播放速度的并且对应颜色数组里的第二个颜色

private Handler handler;

private Paint paint;

 

public float lineTime; // 给次显示时间

 

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);

 

 

int length = (int) (getTextSize() * text.length());// 得到整个歌曲的长度

 

if(lineTime!=0)

{

float speed = 1/(lineTime/200); // 计算出播放速度

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;

}*/

 

int offsetX = 20;// 歌词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()

{

postInvalidate();// 更新组件

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;

}

 

}