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     }

其中getRawXgetRawY用於獲取觸摸點離屏幕左上角的距離。 而getXgetY用於獲取觸摸點離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;

}

 

}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM