android实现歌词自动滚动效果

 更新时间:2018年11月12日 08:39:27   作者:javaxinkule  
这篇文章主要为大家详细介绍了android实现歌词自动滚动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

最近在做Android 的MP3播放的项目,要实现歌词的自动滚动,以及同步显示。

lyric的歌词解析主要用yoyoplayer里面的,显示部分参考了这里 ,这里只是模拟MP3歌词的滚动。

先上一下效果图:

滚动实现的代码其实也简单。显示画出当前时间点的歌词,然后再分别画出改歌词后面和前面的歌词,前面的部分往上推移,后面的部分往下推移,这样就保持了当前时间歌词在中间。

代码如下 LyricView,相关信息在注释了标明了。

package ru.org.piaozhiye.lyric; 
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.widget.TextView; 
/** 
 * @author root 
 * 
 */ 
public class LyricView extends TextView { 
 private Paint mPaint; 
 private float mX; 
 private static Lyric mLyric; 
 private Paint mPathPaint; 
 public String test = "test"; 
 public int index = 0; 
 private List<Sentence> list; 
 public float mTouchHistoryY; 
 private int mY; 
 private long currentDunringTime; // 当前行歌词持续的时间,用该时间来sleep 
 private float middleY;// y轴中间 
 private static final int DY = 50; // 每一行的间隔 
 public LyricView(Context context) { 
 super(context); 
 init(); 
 } 
 public LyricView(Context context, AttributeSet attr) { 
 super(context, attr); 
 init(); 
 } 
 public LyricView(Context context, AttributeSet attr, int i) { 
 super(context, attr, i); 
 init(); 
 } 
 private void init() { 
 setFocusable(true); 
 PlayListItem pli = new PlayListItem("Because Of You", 
 "/sdcard/MP3/Because Of You.mp3", 0L, true); 
 mLyric = new Lyric(new File("/sdcard/MP3/Because Of You.lrc"), pli); 
 list = mLyric.list; 
 // 非高亮部分 
 mPaint = new Paint(); 
 mPaint.setAntiAlias(true); 
 mPaint.setTextSize(22); 
 mPaint.setColor(Color.WHITE); 
 mPaint.setTypeface(Typeface.SERIF); 
 // 高亮部分 当前歌词 
 mPathPaint = new Paint(); 
 mPathPaint.setAntiAlias(true); 
 mPathPaint.setColor(Color.RED); 
 mPathPaint.setTextSize(22); 
 mPathPaint.setTypeface(Typeface.SANS_SERIF); 
 } 
 protected void onDraw(Canvas canvas) { 
 super.onDraw(canvas); 
 canvas.drawColor(0xEFeffff); 
 Paint p = mPaint; 
 Paint p2 = mPathPaint; 
 p.setTextAlign(Paint.Align.CENTER); 
 if (index == -1) 
 return; 
 p2.setTextAlign(Paint.Align.CENTER); 
 // 先画当前行,之后再画他的前面和后面,这样就保持当前行在中间的位置 
 canvas.drawText(list.get(index).getContent(), mX, middleY, p2); 
 float tempY = middleY; 
 // 画出本句之前的句子 
 for (int i = index - 1; i >= 0; i--) { 
 // Sentence sen = list.get(i); 
 // 向上推移 
 tempY = tempY - DY; 
 if (tempY < 0) { 
 break; 
 } 
 canvas.drawText(list.get(i).getContent(), mX, tempY, p); 
 // canvas.translate(0, DY); 
 } 
 tempY = middleY; 
 // 画出本句之后的句子 
 for (int i = index + 1; i < list.size(); i++) { 
 // 往下推移 
 tempY = tempY + DY; 
 if (tempY > mY) { 
 break; 
 } 
 canvas.drawText(list.get(i).getContent(), mX, tempY, p); 
 // canvas.translate(0, DY); 
 } 
 } 
 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; 
 } 
 // 
 /** 
 * @param time 
 * 当前歌词的时间轴 
 * 
 * @return currentDunringTime 歌词只需的时间 
 */ 
 public long updateIndex(long time) { 
 // 歌词序号 
 index = mLyric.getNowSentenceIndex(time); 
 if (index == -1) 
 return -1; 
 Sentence sen = list.get(index); 
 // 返回歌词持续的时间,在这段时间内sleep 
 return currentDunringTime = sen.getDuring(); 
 } 
} 

剩下的就是使用他了。就是取出歌词的index,和该行歌词持续的时间进行sleep。

package ru.org.piaozhiye; 
import java.io.IOException; 
import ru.org.piaozhiye.lyric.LyricView; 
import android.app.Activity; 
import android.media.MediaPlayer; 
import android.os.Bundle; 
import android.os.Handler; 
public class LyricDemo extends Activity { 
 private MediaPlayer mp; 
 private LyricView lyricView; 
 private String path = "/sdcard/MP3/Because Of You.mp3"; 
 /** Called when the activity is first created. */ 
 @Override 
 public void onCreate(Bundle savedInstanceState) { 
 super.onCreate(savedInstanceState); 
 setContentView(R.layout.main); 
 lyricView = (LyricView) findViewById(R.id.audio_lrc); 
 mp = new MediaPlayer(); 
 mp.reset(); 
 try { 
 mp.setDataSource(path); 
 mp.prepare(); 
 } catch (IllegalArgumentException e) { 
 // TODO Auto-generated catch block 
 e.printStackTrace(); 
 } catch (IllegalStateException e) { 
 // TODO Auto-generated catch block 
 e.printStackTrace(); 
 } catch (IOException e) { 
 // TODO Auto-generated catch block 
 e.printStackTrace(); 
 } 
 mp.start(); 
 new Thread(new UIUpdateThread()).start(); 
 } 
 class UIUpdateThread implements Runnable { 
 long time = 100; // 开始 的时间,不能为零,否则前面几句歌词没有显示出来 
 public void run() { 
 while (mp.isPlaying()) { 
 long sleeptime = lyricView.updateIndex(time); 
 time += sleeptime; 
 mHandler.post(mUpdateResults); 
 if (sleeptime == -1) 
  return; 
 try { 
  Thread.sleep(sleeptime); 
 } catch (InterruptedException e) { 
  // TODO Auto-generated catch block 
  e.printStackTrace(); 
 } 
 } 
 } 
 } 
 Handler mHandler = new Handler(); 
 Runnable mUpdateResults = new Runnable() { 
 public void run() { 
 lyricView.invalidate(); // 更新视图 
 } 
 }; 
} 

整个project的源码。包括yoyoplayer的解析lyric部分代码。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android开发之Button事件实现与监听方法总结

    Android开发之Button事件实现与监听方法总结

    这篇文章主要介绍了Android开发之Button事件实现与监听方法,结合实例形式总结分析了Android开发中Button事件的两种实现方法以及针对Button控件的几种常用监听方法,需要的朋友可以参考下
    2016-01-01
  • android读取assets文件示例

    android读取assets文件示例

    这篇文章主要介绍了android读取assets文件示例,需要的朋友可以参考下
    2014-02-02
  • Taro打包Android apk过程详解

    Taro打包Android apk过程详解

    这篇文章主要为大家介绍了Taro打包Android apk的过程及详解步骤,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-02-02
  • android 默认时间格式修改方法

    android 默认时间格式修改方法

    在android使用中,遇到修改默认时间格式时,总是束手无策,本文将以此问题提供解决方案,需要了解的朋友可以参考下
    2012-11-11
  • linphone-sdk-android版本号生成解析

    linphone-sdk-android版本号生成解析

    这篇文章主要为大家介绍了linphone-sdk-android版本号生成解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • AndroidManifest.xml中含盖的安全问题详解

    AndroidManifest.xml中含盖的安全问题详解

    这篇文章主要介绍了AndroidManifest.xml中含盖的安全问题,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03
  • Android触摸事件和mousedown、mouseup、click事件之间的关系

    Android触摸事件和mousedown、mouseup、click事件之间的关系

    今天小编就为大家分享一篇关于Android触摸事件和mousedown、mouseup、click事件之间的关系,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • Android Studio打包APK文件具体实现步骤解析

    Android Studio打包APK文件具体实现步骤解析

    这篇文章主要介绍了Android Studio打包APK文件具体实现步骤解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-11-11
  • Android PopupWindow实现微信右上角的弹出菜单

    Android PopupWindow实现微信右上角的弹出菜单

    这篇文章主要为大家详细介绍了Android PopupWindow实现微信右上角的弹出菜单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-04-04
  • 30条android项目开发技巧与经验总结

    30条android项目开发技巧与经验总结

    本文为大家总结了30条android项目开发技巧与经验,,需要的朋友可以参考下
    2018-04-04

最新评论