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