自定义Android TextView 实现音乐播放歌词动态显示

在Android开发中，创建一个定制的歌词显示控件TextView可以为音乐播放应用提供额外的交互性和用户体验。这种自定义控件通常用于在音乐播放时动态显示歌词，特别是在背景播放模式下，如将音乐播放放置在服务中，即使应用切换到后台，歌词依然能实时更新。本文将介绍如何利用基本的TextView控件来实现这一功能，而不是选择ListView，因为歌词不需要用户手动滚动。 首先，理解需求是关键。歌词显示需要实时与音乐播放进度同步，这意味着我们需要监听音乐播放器（如MediaPlayer或MusicPlayerService）的当前播放位置（currentPosition）。每句歌词的播放时间信息已经给出，例如"[00:01.79]心碎了无痕"，这部分信息对于计算歌词的显示位置至关重要。 在布局方面，XML文件应该包含一个TextView控件，可能还会包括一些定位和样式相关的属性，以便调整歌词显示的外观。例如： ```xml <com.itheima.videoplay.words.MyLyricView android:id="@+id/lyric_view" android:layout_width="match_parent" android:layout_height="wrap_content" android:textColor="@color/black" android:padding="10dp" android:textSize="18sp" android:scrollbars="none" /> ``` Java代码部分主要涉及以下步骤： 1. 初始化与绑定: 在`MyLyricView`类中，首先需要初始化TextView，并在构造函数或设置方法中绑定音乐播放服务，以便获取实时的播放位置。 ```java public class MyLyricView extends TextView { private MusicPlayerService musicPlayerService; private Paint paint; public MyLyricView(Context context) { super(context); init(); } // ...其他构造函数和初始化方法 private void init() { musicPlayerService = (MusicPlayerService) context.getSystemService(Context.MUSIC_SERVICE); paint = new Paint(); paint.setColor(Color.BLACK); // 设置字体颜色 } } ``` 2. 处理绘制逻辑: 在`onDraw()`方法中，根据`currentPosition`获取对应的歌词，然后计算每个歌词的绘制位置。这里需要遍历歌词列表，比较播放时间和歌词起始时间，找出当前显示的歌词范围。 ```java @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); int currentPosition = musicPlayerService.getCurrentPosition(); List<SongLyric> lyrics = getSongLyrics(); // 获取歌词列表 SongLyric currentLyric = findCurrentLyric(currentPosition, lyrics); if (currentLyric != null) { int startY = calculateLyricYCoordinate(currentLyric.startTime); int endY = calculateLyricYCoordinate(currentLyric.endTime); canvas.drawText(currentLyric.lyric, startX, endY, paint); } } private SongLyric findCurrentLyric(int position, List<SongLyric> lyrics) { // 查找并返回当前播放位置对应的歌词对象 } ``` 3. 计算歌词位置: 需要一个辅助方法来根据歌词的播放时间和屏幕高度计算出歌词在屏幕上的起点和终点坐标。 ```java private int calculateLyricYCoordinate(long time) { // 根据歌词的播放时间计算在TextView中的Y坐标 // 可能涉及计算行数、字体大小和偏移等 } ``` 4. 事件监听与更新: 添加监听器，当音乐播放状态改变时，更新歌词显示。 ```java musicPlayerService.setOnSongProgressListener(new MusicPlayerService.OnSongProgressListener() { @Override public void onSongProgressChanged(int newPosition) { invalidate(); // 通知重绘 } }); ``` 通过这些步骤，你就可以实现一个自定义的歌词显示TextView，它会根据音乐播放进度动态更新歌词，为用户提供流畅的音乐体验。