溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

android播放器實(shí)現(xiàn)歌詞顯示功能

發(fā)布時(shí)間:2020-09-19 10:05:11 來源:腳本之家 閱讀:176 作者:ishelf 欄目:移動(dòng)開發(fā)

網(wǎng)上android播放器雖然挺多,感覺提供的歌詞顯示功能比較死板,要么搜索給的條件死死的,要么放置sdcard內(nèi)部的歌詞格式需要統(tǒng)一,應(yīng)該提供類似文件夾瀏覽的功能。^_^,不過在這之前先搞定歌詞的現(xiàn)實(shí)界面:

播放器的歌詞界面實(shí)現(xiàn)以下幾個(gè)功能

  • 根據(jù)歌曲的播放進(jìn)度自下而上滾動(dòng);
  • 提供上下拖動(dòng)調(diào)整歌曲進(jìn)度的功能;
  • 突出顯示當(dāng)前進(jìn)度的歌詞段,并保證該歌詞段處于布局中心

不多說了直接貼代碼,首先開啟一個(gè)線程每隔一段時(shí)間往view中送入一串字符

Java代碼

import android.os.Bundle; 
import android.os.Handler; 
import android.view.View; 
import android.view.View.OnClickListener; 
import android.widget.Button; 
 
public class TextAlign extends GraphicsActivity implements OnClickListener { 
 
  private SampleView mView; 
 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    // Animation in = AnimationUtils.loadAnimation(this, R.anim.push_up_in); 
 
    // mView.setAnimation(in); 
    setContentView(R.layout.main); 
    mView =(SampleView) findViewById(R.id.text01); 
 
    Button bt = (Button) findViewById(R.id.Button01); 
    bt.setOnClickListener(this); 
     
    new Thread(new UIUpdateThread()).start(); 
 
  } 
 
  class UIUpdateThread implements Runnable { 
    long time = 40000; 
 
    long sleeptime = 100; 
    public void run() { 
      try { 
        while (time < 200000) { 
          Thread.sleep(sleeptime); 
          mView.updateIndex(time);//.index = mLyric.getNowSentenceIndex(time); 
//         Log.v("UIThread", mView.index + ":" + time); 
          time += sleeptime; 
          mHandler.post(mUpdateResults); 
        } 
      } catch (InterruptedException e) { 
        e.printStackTrace(); 
      } 
    } 
  } 
  Handler mHandler = new Handler(); 
  Runnable mUpdateResults = new Runnable() { 
    public void run() { 
      mView.invalidate(); // 更新視圖 
    } 
  }; 
 
  @Override 
  public void onClick(View v) { 
    mView.mTouchHistoryY -=30; 
    mHandler.post(mUpdateResults); 
  } 
} 

     這里將時(shí)間送到SampleView中,該類對此時(shí)間進(jìn)行加工得到一系列l(wèi)ist(該list是動(dòng)態(tài)生成的),從而根據(jù)時(shí)間的推移遞增的得到一系列的字串。這個(gè)過程模擬了歌詞的顯示過程

      接下來的SampleView繼承了TextView并重載了onDraw方法.注意,這里只給了個(gè)sample,里面歌詞怎么生成的見YOYOPlayer。這里就不給代碼了

Java代碼

import java.io.File; 
import java.util.List; 
 
import android.content.Context; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.Paint; 
import android.graphics.Path; 
import android.graphics.Typeface; 
import android.util.AttributeSet; 
import android.util.Log; 
import android.view.MotionEvent; 
import android.widget.TextView; 
import android.widget.Toast; 
 
import com.android.lyric.Lyric; 
import com.android.lyric.PlayListItem; 
import com.android.lyric.Sentence; 
 
public class SampleView extends TextView { 
    private Paint mPaint; 
    private float mX; 
    private static Lyric mLyric; 
 
    private Path mPath; 
    private Paint mPathPaint; 
    public String test = "test"; 
    public int index = 0; 
    private List<Sentence> list; 
 
    private float mTouchStartY; 
    private float mTouchCurrY; 
    public float mTouchHistoryY; 
 
    private int mY; 
    private long currentTime; 
    private long currentDunringTime; 
    private long sentenctTime; 
    private float middleY; 
    private String middleContent="Empty"; 
    private static final int DY = 30; 
 
    private static void makePath(Path p) { 
      p.moveTo(10, 0); 
      p.cubicTo(100, -50, 200, 50, 300, 0); 
    } 
 
 
    public SampleView(Context context) { 
      super(context); 
      init(); 
    } 
    public SampleView(Context context,AttributeSet attr) { 
      super(context,attr); 
      init(); 
    } 
    public SampleView(Context context,AttributeSet attr,int i) { 
      super(context,attr,i); 
      init(); 
    } 
 
    private void init() { 
      setFocusable(true); 
      PlayListItem pli = new PlayListItem("", "", 1000L, true); 
      mLyric = new Lyric(new File("/sdcard/M0005044007.lrc"), pli); 
 
      list = mLyric.list; 
      mPaint = new Paint(); 
      mPaint.setAntiAlias(true); 
      mPaint.setTextSize(20); 
      mPaint.setTypeface(Typeface.SERIF); 
 
 
      mPath = new Path(); 
      makePath(mPath); 
 
      mPathPaint = new Paint(); 
      mPathPaint.setAntiAlias(true); 
      mPathPaint.setColor(0x800000FF); 
      mPathPaint.setStyle(Paint.Style.STROKE); 
    } 
 
     
    @Override 
    protected void onDraw(Canvas canvas) { 
      super.onDraw(canvas); 
 
      canvas.drawColor(Color.WHITE); 
 
      Paint p = mPaint; 
      float x = mX; 
      float plus =currentDunringTime==0?index*30: index*30 +(((float)currentTime - (float)sentenctTime)/(float)currentDunringTime)*(float)30; 
      float y = mY- plus+mTouchCurrY - mTouchStartY+mTouchHistoryY; 
         
      canvas.translate(0,y); 
 
      for (int i = 0; i < index; i++) { 
        String text = list.get(i).getContent(); 
        if((y+i*30)<=middleY&&(y+i*30+30)>=middleY) 
          middleContent = text; 
        p.setTextAlign(Paint.Align.CENTER); 
        canvas.drawText(text, x, 0, p); 
        // mY- mY/lines*(index - i) 
        canvas.translate(0, DY); 
      } 
    } 
 
 
    @Override 
    protected void onSizeChanged(int w, int h, int ow, int oh) { 
      super.onSizeChanged(w, h, ow, oh); 
      mX = w * 0.5f; // remember the center of the screen 
      mY = h; 
      middleY = h*0.5f; 
    } 
 
    @Override 
    public boolean onTouchEvent(MotionEvent event) { 
      float y = event.getY(); 
 
      switch (event.getAction()) { 
      case MotionEvent.ACTION_DOWN: 
        mTouchHistoryY += mTouchCurrY - mTouchStartY; 
        mTouchStartY =mTouchCurrY= y; 
        invalidate(); 
        break; 
      case MotionEvent.ACTION_MOVE: 
        mTouchCurrY = y; 
        invalidate(); 
        break; 
      case MotionEvent.ACTION_UP: 
        Log.v("Lyric content", middleContent.length()+""); 
        CharSequence chars = new CharSequence(){ 
 
          @Override 
          public char charAt(int index) { 
            // TODO Auto-generated method stub 
            return middleContent.charAt(index); 
          } 
 
          @Override 
          public int length() { 
            // TODO Auto-generated method stub 
            return middleContent.length(); 
          } 
 
          @Override 
          public CharSequence subSequence(int start, int end) { 
            // TODO Auto-generated method stub 
            return middleContent.subSequence(start, end); 
          } 
          @Override 
          public String toString(){ 
            return middleContent; 
          } 
        }; 
        Toast toast = Toast.makeText(SampleView.this.getContext(),chars, 1000); 
        toast.show(); 
        invalidate(); 
        break; 
      } 
      return true; 
    } 
 
 
    public void updateIndex(long time) { 
      this.currentTime = time; 
      index = mLyric.getNowSentenceIndex(time); 
      Sentence sen = list.get(index); 
      currentDunringTime = sen.getDuring(); 
      sentenctTime = sen.getFromTime(); 
    } 
  } 

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI