Android -- [SelfView] 自定义多行歌词滚动显示器

Android – [SelfView] 自定义多行歌词滚动显示器

流畅、丝滑的滚动歌词控件* 1. 背景透明；* 2. 外部可控制进度变化；* 3. 支持屏幕拖动调节进度（回调给外部）；

效果
在这里插入图片描述

歌词文件（.lrc）
在这里插入图片描述

一. 使用

<com.nepalese.harinetest.player.lrc.VirgoLrcViewandroid:id="@+id/lrcView"android:layout_width="match_parent"android:layout_height="match_parent"/>

private VirgoLrcView lrcView;lrcView = findViewById(R.id.lrcView);
initLrc();//==================================
private void initLrc(){
//设置歌词文件 .lrc
//lrcView.setLrc(FileUtils.readTxtResource(getApplicationContext(), R.raw.shaonian, "utf-8"));lrcView.setLrc(R.raw.shaonian);lrcView.seekTo(0);lrcView.setCallback(new VirgoLrcView.LrcCallback() {@Overridepublic void onUpdateTime(long time) {//拖动歌词返回的时间点}@Overridepublic void onFinish() {stopTask();}});
}public void onStartPlay(View view) {startTask();
}public void onStopPlay(View view) {stopTask();
}//使用计时器模拟歌曲播放时进度刷新
private long curTime = 0;
private final Runnable timeTisk = new Runnable() {@Overridepublic void run() {curTime += INTERVAL_FLASH;lrcView.seekTo(curTime);}
};private void startTask() {stopTask();handler.post(timeTisk);
}private void stopTask() {handler.removeCallbacks(timeTisk);
}private final long INTERVAL_FLASH = 400L;
private final Handler handler = new Handler(Looper.myLooper()) {@Overridepublic void handleMessage(@NonNull Message msg) {super.handleMessage(msg);}
};

二. 码源

attr.xml

<declare-styleable name="VirgoLrcView"><attr name="vlTextColorM" format="color|reference" /><attr name="vlTextColorS" format="color|reference" /><attr name="vlTextSize" format="dimension|reference" /><attr name="vlLineSpace" format="dimension|reference" />
</declare-styleable>

VirgoLrcView.java

import android.animation.Animator;
import android.animation.ValueAnimator;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.LinearInterpolator;import androidx.annotation.Nullable;
import androidx.annotation.RawRes;import com.nepalese.harinetest.R;
import com.nepalese.harinetest.utils.CommonUtil;import java.io.BufferedReader;
import java.io.ByteArrayInputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.io.InputStreamReader;
import java.io.UnsupportedEncodingException;
import java.nio.charset.StandardCharsets;
import java.util.ArrayList;
import java.util.List;
import java.util.regex.Matcher;
import java.util.regex.Pattern;/*** Created by Administrator on 2024/11/26.* Usage:更流畅、丝滑的滚动歌词控件* 1. 背景透明；* 2. 外部可控制进度变化；* 3. 支持屏幕拖动调节进度（回调给外部）；*/public class VirgoLrcView extends View {private static final String TAG = "VirgoLrcView";private static final float PADD_VALUE = 25f;//时间线两边缩进值private static final float TEXT_RATE = 1.25f;//当前行字体放大比例private static final long INTERVAL_ANIMATION = 400L;//动画时长private static final String DEFAULT_TEXT = "暂无歌词，快去下载吧！";private final Context context;private Paint paint;//画笔, 仅一个private ValueAnimator animator;//动画private List<LrcBean> lineList;//歌词行private LrcCallback callback;//手动滑动进度刷新回调//可设置变量private int textColorMain;//选中字体颜色private int textColorSec;//其他字体颜色private float textSize;//字体大小private float lineSpace;//行间距private float selectTextSize;//当前选中行字体大小private int width, height;//控件宽高private int curLine;//当前行数private int locateLine;//滑动时居中行数private int underRows;//中分下需显示行数private float itemHeight;//一行字+行间距private float centerY;//居中yprivate float startY;//首行yprivate float oldY;//划屏时起始按压点yprivate float offsetY;//动画已偏移量private float offsetY2;//每次手动滑动偏移量private long maxTime;//歌词显示最大时间private boolean isDown;//按压界面private boolean isReverse;//往回滚动？public VirgoLrcView(Context context) {this(context, null);}public VirgoLrcView(Context context, @Nullable AttributeSet attrs) {this(context, attrs, 0);}public VirgoLrcView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);this.context = context;init(attrs);}private void init(AttributeSet attrs) {TypedArray ta = getContext().obtainStyledAttributes(attrs, R.styleable.VirgoLrcView);textColorMain = ta.getColor(R.styleable.VirgoLrcView_vlTextColorM, Color.CYAN);textColorSec = ta.getColor(R.styleable.VirgoLrcView_vlTextColorS, Color.GRAY);textSize = ta.getDimension(R.styleable.VirgoLrcView_vlTextSize, 45f);lineSpace = ta.getDimension(R.styleable.VirgoLrcView_vlLineSpace, 28f);ta.recycle();selectTextSize = textSize * TEXT_RATE;curLine = 0;maxTime = 0;isDown = false;isReverse = false;lineList = new ArrayList<>();paint = new Paint();paint.setTextSize(textSize);paint.setAntiAlias(true);calculateItem();}@Overrideprotected void onLayout(boolean changed, int left, int top, int right, int bottom) {super.onLayout(changed, left, top, right, bottom);if (width == 0 || height == 0) {initLayout();}}//控件大小变化时需重置计算private void initLayout() {width = getWidth();height = getHeight();centerY = (height - itemHeight) / 2.0f;startY = centerY;underRows = (int) Math.ceil(height / itemHeight / 3);Log.d(TAG, "itemHeight: " + itemHeight + ", underRows: " + underRows);}@Overrideprotected void onDraw(Canvas canvas) {//提示无歌词if (lineList.isEmpty()) {paint.setColor(textColorMain);paint.setTextSize(selectTextSize);canvas.drawText(DEFAULT_TEXT, getStartX(DEFAULT_TEXT, paint), centerY, paint);return;}if (isDown) {paint.setTextSize(textSize);paint.setColor(textColorSec);//画时间if (locateLine >= 0) {canvas.drawText(lineList.get(locateLine).getStrTime(), PADD_VALUE, centerY, paint);}//画选择线canvas.drawLine(PADD_VALUE, centerY, width - PADD_VALUE, centerY, paint);//手动滑动drawTexts(canvas, startY - offsetY2);} else {//自动滚动if (isReverse) {drawTexts(canvas, startY + offsetY);} else {drawTexts(canvas, startY - offsetY);}}}private void drawTexts(Canvas canvas, float tempY) {for (int i = 0; i < lineList.size(); i++) {float y = tempY + i * itemHeight;if (y < 0 || y > height) {continue;}if (curLine == i) {paint.setTextSize(selectTextSize);paint.setColor(textColorMain);} else {paint.setTextSize(textSize);paint.setColor(textColorSec);}canvas.drawText(lineList.get(i).getLrc(), getStartX(lineList.get(i).getLrc(), paint), y, paint);}}@Overridepublic boolean onTouchEvent(MotionEvent event) {super.onTouchEvent(event);switch (event.getAction()) {case MotionEvent.ACTION_DOWN:isDown = true;if (animator != null) {if (animator.isRunning()) {//停止动画animator.end();}}locateLine = -1;oldY = event.getY();break;case MotionEvent.ACTION_MOVE:offsetY2 = oldY - event.getY();calculateCurLine(oldY - event.getY());//定位时间啊invalidate();break;case MotionEvent.ACTION_UP:isDown = false;postNewLine();break;}return true;}//计算滑动后当前居中的行private void calculateCurLine(float y) {int offLine = (int) Math.floor(y / itemHeight);if (offLine == 0) {return;}locateLine = curLine + offLine;if (locateLine > lineList.size() - 1) {//最后一行locateLine = lineList.size() - 1;} else if (locateLine < 0) {//第一行locateLine = 0;}}//回调通知，自身不跳转进度private void postNewLine() {//返回当前行对应的时间线if (callback == null) {return;}if (locateLine >= 0) {callback.onUpdateTime(lineList.get(locateLine).getTime());}}@Overrideprotected void onDetachedFromWindow() {releaseBase();super.onDetachedFromWindow();}/*** 移除控件，注销资源*/private void releaseBase() {cancelAnim();if (lineList != null) {lineList.clear();lineList = null;}if (callback != null) {callback = null;}}private void calculateItem() {itemHeight = getTextHeight() + lineSpace;}//计算使文字水平居中private float getStartX(String str, Paint paint) {return (width - paint.measureText(str)) / 2.0f;}//获取文字高度private float getTextHeight() {Paint.FontMetrics fm = paint.getFontMetrics();return fm.descent - fm.ascent;}//解析歌词private void parseLrc(InputStreamReader inputStreamReader) {BufferedReader reader = new BufferedReader(inputStreamReader);String line;try {while ((line = reader.readLine()) != null) {parseLine(line);}} catch (IOException e) {e.printStackTrace();}try {inputStreamReader.close();} catch (IOException e) {e.printStackTrace();}try {reader.close();} catch (IOException e) {e.printStackTrace();}maxTime = lineList.get(lineList.size() - 1).getTime() + 1000;//多加一秒}private long parseTime(String time) {// 00:01.10String[] min = time.split(":");String[] sec = min[1].split("\\.");long minInt = Long.parseLong(min[0].replaceAll("\\D+", "").replaceAll("\r", "").replaceAll("\n", "").trim());long secInt = Long.parseLong(sec[0].replaceAll("\\D+", "").replaceAll("\r", "").replaceAll("\n", "").trim());long milInt = Long.parseLong(sec[1].replaceAll("\\D+", "").replaceAll("\r", "").replaceAll("\n", "").trim());return minInt * 60 * 1000 + secInt * 1000 + milInt;// * 10;}private void parseLine(String line) {Matcher matcher = Pattern.compile("\\[\\d.+].+").matcher(line);// 如果形如：[xxx]后面啥也没有的，则return空if (!matcher.matches()) {long time;String str;String con = line.replace("\\[", "").replace("\\]", "");if (con.matches("^\\d.+")) {//timetime = parseTime(con);str = " ";} else {return;}lineList.add(new LrcBean(time, str, con));return;}//[00:23.24]让自己变得快乐line = line.replaceAll("\\[", "");String[] result = line.split("]");lineList.add(new LrcBean(parseTime(result[0]), result[1], result[0]));}private void reset() {lineList.clear();curLine = 0;maxTime = 0;isReverse = false;cancelAnim();}///动画//*** 更新动画** @param lineNum 需跳转行数*/private void updateAnim(int lineNum) {if (lineNum == 0) {return;} else if (lineNum == 1) {//自然变化if (curLine >= lineList.size() - underRows) {//停止动画 仅变更颜色cancelAnim();invalidate();return;}}isReverse = lineNum < 0;cancelAnim();setAnimator(Math.abs(lineNum));doAnimation();}/*** 注销已有动画*/protected void cancelAnim() {if (animator != null) {animator.removeAllListeners();animator.end();animator = null;}}/*** 动态创建动画** @param lineNum 需跳转行数*/private void setAnimator(int lineNum) {animator = ValueAnimator.ofFloat(0, itemHeight * lineNum);//一行animator.setDuration(INTERVAL_ANIMATION);animator.setInterpolator(new LinearInterpolator());//插值器设为线性}/*** 监听动画*/private void doAnimation() {if (animator == null) {return;}animator.addListener(new Animator.AnimatorListener() {@Overridepublic void onAnimationStart(Animator animation) {offsetY = 0;}@Overridepublic void onAnimationEnd(Animator animation) {if (isReverse) {startY += offsetY;} else {startY -= offsetY;}offsetY = 0;invalidate();}@Overridepublic void onAnimationCancel(Animator animation) {}@Overridepublic void onAnimationRepeat(Animator animation) {}});animator.addUpdateListener(animation -> {float av = (float) animation.getAnimatedValue();if (av == 0) {return;}offsetY = av;invalidate();});animator.start();}public interface LrcCallback {void onUpdateTime(long time);void onFinish();}/*** 滑动监听** @param callback LrcCallback*/public void setCallback(LrcCallback callback) {this.callback = callback;}public void setTextColorMain(int textColorMain) {this.textColorMain = textColorMain;}public void setTextColorSec(int textColorSec) {this.textColorSec = textColorSec;}public void setTextSize(float textSize) {this.textSize = textSize;this.selectTextSize = textSize * TEXT_RATE;paint.setTextSize(textSize);calculateItem();}public void setLineSpace(float lineSpace) {this.lineSpace = lineSpace;calculateItem();}/*** 设置歌词** @param lrc 解析后的string*/public void setLrc(String lrc) {if (TextUtils.isEmpty(lrc)) {return;}reset();parseLrc(new InputStreamReader(new ByteArrayInputStream(lrc.getBytes())));}/*** 设置歌词** @param resId 资源文件id*/public void setLrc(@RawRes int resId) {reset();parseLrc(new InputStreamReader(context.getResources().openRawResource(resId), StandardCharsets.UTF_8));}/*** 设置歌词** @param path lrc文件路径*/public void setLrcFile(String path) {File file = new File(path);if (file.exists()) {reset();String format;if (CommonUtil.isUtf8(file)) {format = "UTF-8";} else {format = "GBK";}FileInputStream inputStream = null;try {inputStream = new FileInputStream(file);} catch (FileNotFoundException e) {e.printStackTrace();}InputStreamReader inputStreamReader = null;//'utf-8' 'GBK'try {inputStreamReader = new InputStreamReader(inputStream, format);} catch (UnsupportedEncodingException e) {e.printStackTrace();}parseLrc(inputStreamReader);}}/*** 调整播放位置** @param time ms*/public void seekTo(long time) {if (isDown) {//拖动歌词时暂不处理return;}if (time == 0) {//刷新invalidate();return;} else if (time > maxTime) {//超最大时间：通知结束if (callback != null) {callback.onFinish();}return;}for (int i = 0; i < lineList.size(); i++) {if (i < lineList.size() - 1) {if (time >= lineList.get(i).getTime() && time < lineList.get(i + 1).getTime()) {int temp = i - curLine;curLine = i;updateAnim(temp);break;}} else {//last lineint temp = i - curLine;curLine = i;updateAnim(temp);break;}}}
}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.xdnf.cn/news/35306.html

如若内容造成侵权/违法违规/事实不符，请联系一条长河网进行投诉反馈，一经查实，立即删除！

相关文章

【知识点】图与图论入门

【知识点】图与图论入门

何为图论 见名知意&#xff0c;图论 (Graph Theory) 就是研究 图 (Graph) 的数学理论和方法。图是一种抽象的数据结构&#xff0c;由 节点 (Node) 和 连接这些节点的 边 (Edge) 组成。图论在计算机科学、网络分析、物流、社会网络分析等领域有广泛的应用。 如下&#xff0c;这…
阅读更多...
前海紫荆花广场附近路面的临时停车点

前海紫荆花广场附近路面的临时停车点

前海紫荆花广场附近路面的临时停车点大概20个的样子 具体在紫荆花广场的侧边&#xff0c;每天都有车停。建议临时应急停。因为虽然没有交警贴罚单&#xff0c;但是还是会被贴违停。 不少车贴如下禁停标志。其实附近桂湾公园就可以免费停车&#xff0c;可能是公园停满了&#xf…
阅读更多...
【5G】5G Physical Layer物理层（一）

【5G】5G Physical Layer物理层（一）

5G多址接入和物理层与长期演进&#xff08;LTE&#xff09;存在一些差异。在下行方向&#xff0c;5G与LTE相似&#xff0c;依旧采用正交频分多址&#xff08;OFDMA&#xff09;。而在上行方向&#xff0c;5G采用了OFDMA和单载波频分多址&#xff08;SC-FDMA&#xff09;&#x…
阅读更多...
rk3576 , android14 , 编译， 卡死，android.bp , ninja

rk3576 , android14 , 编译， 卡死，android.bp , ninja

问题&#xff1a;我在　编译　&#xff41;&#xff4e;&#xff44;&#xff52;&#xff4f;&#xff49;&#xff44;&#xff11;&#xff14;　的时候&#xff0c; 卡死再 analysing android.bp 这里 &#xff0c;卡了 3&#xff0c;4 个小时。肯定是有问题的。 如图&…
阅读更多...
element-plus的el-tree的双向绑定

element-plus的el-tree的双向绑定

el-tree改造了下 可选可取消 有默认值 不包含父级id 默认展开 点击节点也可触发选择 节点内容自定义 <template>{{ childKeys }}<!--default-checked-keys:默认展开值&#xff08;正常来说需要包含父级id的 但是我们后端不要后端id &#xff09;show-checkbox&#x…
阅读更多...
如何通过自学成长为一名后端开发工程师？

如何通过自学成长为一名后端开发工程师？

大家好&#xff0c;我是袁庭新。最近&#xff0c;有星友向我提出了一个很好的问题&#xff1a;如何通过自学成为一名后端开发工程师&#xff1f; 为了解答这个疑问&#xff0c;我特意制作了一个视频来详细分享我的看法和建议。 戳链接&#xff1a;如何通过自学成长为一名后端开…
阅读更多...
C++：类和对象（2）

C++：类和对象（2）

1. 类的默认成员函数&#xff1a; 类的默认成员函数就是用户没有显示实现&#xff0c;编译器会自动生成的成员函数称为默认成员函数。一个类&#xff0c;我们不写的情况下编译器会默认生成6个默认成员函数&#xff08;构造函数&#xff0c;析构函数&#xff0c;拷贝构造函数&a…
阅读更多...
爬虫运行后数据如何存储？

爬虫运行后数据如何存储？

爬虫运行后获取的数据可以存储在多种不同的存储系统中&#xff0c;具体选择取决于数据的规模、查询需求以及应用场景。以下是一些常见的数据存储方法&#xff1a; 1. 文件系统 对于小型项目或临时数据存储&#xff0c;可以直接将数据保存到本地文件中。常见的文件格式包括&…
阅读更多...
[生物信息]单细胞数据分析入门学习笔记1

[生物信息]单细胞数据分析入门学习笔记1

推荐课程&#xff1a;Analysis of single cell RNA-seq data (singlecellcourse.org) 1 关于《Analysis of single cell RNA-seq data》课程 如今&#xff0c;通过高通量测序&#xff08;scRNA-seq&#xff09;可以从单细胞获取全基因组转录组数据。scRNA-seq 的主要优势在于…
阅读更多...
ArcMap 分析栅格欧式分配、构建趋势面、插值模型精度等功能操作

ArcMap 分析栅格欧式分配、构建趋势面、插值模型精度等功能操作

ArcMap 分析栅格欧式分配、构建趋势面、插值模型精度等功能操作今天进行 一、栅格欧式分配 1、对点要素进行空间分配 配置环境变量 点击确定后展示 2、对线要素进行空间分配 环境变量依然选择 road 相同&#xff0c;点击确定后展示 3、对面要素进行空间分配 环境配置与 road …
阅读更多...
推荐在线Sql运行

推荐在线Sql运行

SQL Fiddle 1、网址&#xff1a;SQL Fiddle - Online SQL Compiler for learning & practiceDiscover our free online SQL editor enhanced with AI to chat, explain, and generate code. Support SQL Server, MySQL, MariaDB, PostgreSQL, and SQLite.http://www.sqlfi…
阅读更多...
MySQL 8.0 新特性汇总

MySQL 8.0 新特性汇总

文章目录 前言1. 运维管理 1.1 可持久化变量1.2 管理员端口1.3 资源组1.4 数据库粒度只读1.5 show processlist 实现方式1.6 加速索引创建速度1.7 控制连接的内存使用量1.8 克隆插件1.9 mysqldump 新增参数1.10 慢日志增强1.11 快速加列1.12 InnoDB 隐藏主键1.13 Redo 配置1.14…
阅读更多...
使用android studio写一个Android的远程通信软件（APP）,有通讯的发送和接收消息界面

使用android studio写一个Android的远程通信软件（APP）,有通讯的发送和接收消息界面

以下是使用 Android Studio 基于 Java 语言编写一个简单的 Android APP 实现远程通信&#xff08;这里以 TCP 通信为例&#xff09;的代码示例&#xff0c;包含基本的通信界面以及发送和接收消息功能。 1. 创建项目 打开 Android Studio&#xff0c;新建一个 Empty Activity …
阅读更多...
记录blender学习过程中遇到的问题

记录blender学习过程中遇到的问题

物体发射的方向不对 被发射物体&#xff08;例如一棵树&#xff09;n键看旋转归0 切换正视图 将被发射物体的局部坐标的Z轴 指向 全局方向的X轴时 并且把粒子系统设置的物体旋转勾选上 方向就对了 做倒角发现有问题 检查缩放应用、面朝向、有没有重合点&#xff08;融合点&am…
阅读更多...
【RBF SBN READ】hadoop社区基于RBF的SBN READ请求流转

【RBF SBN READ】hadoop社区基于RBF的SBN READ请求流转

读写分离功能的背景及架构 当前联邦生产集群的各个子集群只有Active NameNode在工作，当读写任务变得繁忙的时候，只有一个Active负责处理的话，此时集群的响应和处理能力业务侧感知会明显下降，为此，我们将引入Observer架构，实现读写功能的分离，使得Active只负责写请求，而…
阅读更多...
01-Chromedriver下载与配置（mac）

01-Chromedriver下载与配置（mac）

下载地址&#xff1a; 这里我用的最后一个&#xff0c;根据自己chrome浏览器选择相应的版本号即可 ChromeDriver官网下载地址&#xff1a;https://sites.google.com/chromium.org/driver/downloads ChromeDriver官网最新版下载地址&#xff1a;https://googlechromelabs.git…
阅读更多...
MySQL——buffer poll

MySQL——buffer poll

为什么要有buffer poll&#xff1f; 如果没有buffer poll&#xff0c;每次读取数据的时候都是从磁盘上读的&#xff0c;这样效率是很差的的。 所以有了提高效率的方式&#xff0c;就加上了一个缓存——buffer poll 所以&#xff0c;当我们读取数据的时候就有以下的方式 当读…
阅读更多...
重磅升级：OpenAI o1模型上手实测，从芯片架构分析到象棋残局判断的全能表现

重磅升级：OpenAI o1模型上手实测，从芯片架构分析到象棋残局判断的全能表现

引言 昨日&#xff0c;在圣诞节系列发布会的第一天&#xff0c;OpenAI终于给我们带来了令人振奋的更新&#xff0c;这些更新有望塑造AI互动的未来。备受期待的OpenAI o1正式版的推出&#xff0c;标志着ChatGPT体验的重大进化&#xff0c;宣告了AI驱动应用新时代的开始。o1现已可…
阅读更多...
oracle之用户的相关操作

oracle之用户的相关操作

&#xff08;1&#xff09;创建用户(sys用户下操作) 简单创建用户如下&#xff1a; CREATE USER username IDENTIFIED BY password; 如果需要自定义更多的信息&#xff0c;如用户使用的表空间等&#xff0c;可以使用如下&#xff1a; CREATE USER mall IDENTIFIED BY 12345…
阅读更多...
IDL学习笔记（四）MODIS数据处理。MODIS数据介绍，以及Swath数据处理

IDL学习笔记（四）MODIS数据处理。MODIS数据介绍，以及Swath数据处理

MODIS数据处理 MODIS传感器介绍MODIS 数据产品Swath 数据Grid 数据 MODIS Swath 数据重投影对应ENVI接口UTM重投影 重投影后数据由ENVI版本&#xff0c;修改为GeoTiff格式。根据经纬度&#xff0c;快速重投影MODIS数据 下标 和 行列号转换 MODIS传感器介绍 MODlS (Moderate Re…
阅读更多...
最新文章

Copyright @ 2022~2023