服务器之家：专注于VPS、云服务器配置技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - Android - android播放器实现歌词显示功能

android播放器实现歌词显示功能

2022-08-17 10:38ishelf Android

这篇文章主要为大家详细介绍了android播放器实现歌词显示功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

网上android播放器虽然挺多，感觉提供的歌词显示功能比较死板，要么搜索给的条件死死的，要么放置sdcard内部的歌词格式需要统一，应该提供类似文件夹浏览的功能。^_^，不过在这之前先搞定歌词的现实界面：

播放器的歌词界面实现以下几个功能

  • 根据歌曲的播放进度自下而上滚动；
  • 提供上下拖动调整歌曲进度的功能；
  • 突出显示当前进度的歌词段，并保证该歌词段处于布局中心

不多说了直接贴代码，首先开启一个线程每隔一段时间往view中送入一串字符

Java代码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
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);
  }
}

     这里将时间送到SampleView中，该类对此时间进行加工得到一系列list（该list是动态生成的），从而根据时间的推移递增的得到一系列的字串。这个过程模拟了歌词的显示过程

      接下来的SampleView继承了TextView并重载了onDraw方法.注意，这里只给了个sample，里面歌词怎么生成的见YOYOPlayer。这里就不给代码了

Java代码

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
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();
    }
  }

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

原文链接：http://ishelf.iteye.com/blog/740402

  • Android
  • 播放器
  • 歌词

    • 延伸 · 阅读

    精彩推荐
    最近更新
    编辑推荐
    阅读排行
    热门标签
    arr 　 PopupWindow 　 descendantFocusability 　 Andorid 　 退出程序 　 触屏震动 　 响应接口 　 自定义标题 　 图片居中 　 程序退出 　 binder 　 图片翻转动画 　 横竖屏切换 　 适配 　 dialog 　 preferenceactivity 　 SharedPreferences 　 MultiDex 　 tablelayout 　 RadioGroup 　 颜色编辑器 　 OnCreate 　 ImageView 　 Gallery 　 缩放动画 　 TextView 　 asynctask 　 Notification 　 NotificationManager 　 RelativeLayout 　
    © 2019-2022 服务器之家(www.tuohang.net) 版权所有关于我们联系我们版权申明网站地图