媒体播放器开发中如何在TextView为同步歌词行设置加粗效果？

核心思路是利用Android原生的富文本能力给指定文本范围设置加粗样式，不需要自定义控件，改造成本极低。

方案1：单TextView展示全部歌词 #

这种方案适合所有歌词放在同一个TextView内的场景：

• 首先预处理歌词数据，封装LyricEntry实体类，每一条对应一句歌词，存储字段包括：开始时间戳、结束时间戳、该句歌词在完整拼接文本中的起始字符索引、结束字符索引
• 提前把所有歌词拼接成完整文本（带换行符）设置给TextView，同时缓存所有LyricEntry数据
• 监听播放器播放进度回调（推荐回调间隔设为200ms，兼顾性能和同步精度），遍历/二分查找匹配当前进度对应的歌词条目
• 每次匹配到新的歌词行时，用SpannableStringBuilder更新富文本样式，示例代码如下：

// Java 示例代码
String fullLyric = getFullLyricText();
SpannableStringBuilder spannable = new SpannableStringBuilder(fullLyric);
// 先移除之前所有的加粗样式，避免多句同时高亮
StyleSpan[] oldSpans = spannable.getSpans(0, spannable.length(), StyleSpan.class);
for (StyleSpan span : oldSpans) {
    spannable.removeSpan(span);
}
// 给当前匹配到的歌词行设置加粗
LyricEntry currentLine = findCurrentLyricLine(currentPlayPosition);
spannable.setSpan(
    new StyleSpan(Typeface.BOLD),
    currentLine.getStartCharIndex(),
    currentLine.getEndCharIndex(),
    Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
);
// 把富文本设置给TextView
lyricTextView.setText(spannable);

// Kotlin 示例代码
val fullLyric = getFullLyricText()
val spannable = SpannableStringBuilder(fullLyric)
// 清除旧的加粗样式
spannable.getSpans(0, spannable.length, StyleSpan::class.java)
    .forEach { spannable.removeSpan(it) }
// 设置当前行加粗
val currentLine = findCurrentLyricLine(currentPlayPosition)
spannable.setSpan(
    StyleSpan(Typeface.BOLD),
    currentLine.startCharIndex,
    currentLine.endCharIndex,
    Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
)
lyricTextView.text = spannable

方案2：每行歌词对应单个TextView #

如果你的布局是每句歌词单独用一个TextView，放在ScrollView或RecyclerView中，实现逻辑更简单：

• 所有歌词TextView的tag绑定对应的LyricEntry时间信息
• 每次播放进度更新时，找到当前匹配的歌词行，把所有歌词TextView的字重设为普通，仅当前行设置为加粗即可：

// 伪代码
allLyricTextViews.forEach { it.typeface = Typeface.DEFAULT }
currentLyricTextView.typeface = Typeface.DEFAULT_BOLD
// 可额外添加滚动逻辑，让当前行滚动到可视区域居中位置

优化建议 #

• 歌词数量超过50行时，推荐用二分查找匹配当前歌词行，比全遍历性能更高
• 可以搭配setSpan同时设置文字颜色、字号放大效果，同步高亮体验更好

内容的提问来源于stack exchange，提问作者Sobhan