Android仿音乐播放器带进度的播放暂停按钮

 更新时间:2018年12月31日 09:49:26   作者:热木星   我要评论
这篇文章主要为大家详细介绍了Android仿音乐播放器带进度的播放暂停按钮,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

因为项目需要,要做一个下载暂停开始的按钮,要求按钮上显示进度。网上找了找没有合适的,不太满意,于是自己动手写了一个。

效果如下:

主要步骤:

1、最外侧的圆环。

2、圆环内侧代表进度的圆弧。

3、暂停时在中心部位画出三角形。

4、播放时在中心部位画出矩形。

5、重写onTouch方法,DOWN事件时设置播放或者暂停的状态。

6、添加一个状态监听器,在调用者中监听状态。

7、设置进度,重绘。

代码比较简单,所以贴出来View的代码,Activity和布局文件就不写了:

/** Created by xuzhilei on 2016/8/16. 模仿音乐暂停开始按钮的View */
public class PlayButtonView extends View {
 
 /** 中心点X轴坐标 */
 private int viewCenterX;
 
 /** 中心点Y轴坐标 */
 private int viewCenterY;
 
 /** 有效长度的一般(View长宽较小者的一半) */
 private int viewHalfLength;
 
 /** 三角形右侧顶点 */
 private Point pointA = new Point();
 
 /** 三角形左上顶点 */
 private Point pointB = new Point();
 
 /** 三角形左下顶点 */
 private Point pointC = new Point();
 
 /** 矩形左边界 */
 private int RectLeft;
 
 /** 矩形上边界 */
 private int RectTOP;
 
 /** 矩形右边界 */
 private int RectRight;
 
 /** 矩形下边界 */
 private int RectBottom;
 
 /** 三角形的三条边路径 */
 private Path path = new Path();
 
 /** 包围最外侧圆环的矩形 */
 private RectF rectF = new RectF();
 
 /** 包围进度圆弧的矩形 */
 private RectF rectF2 = new RectF();
 
 /** 进度 */
 private int progress;
 
 /** 暂停中还是播放中 */
 private boolean isPlaying = false;
 
 /** 是否进行过了测量 */
 private boolean isMeasured = false;
 
 /** 画笔颜色 */
 private int color = 0xffff0099;
 
 /** 最外侧圆环画笔 */
 private Paint paintA = new Paint();
 
 /** 进度圆弧画笔 */
 private Paint paintB = new Paint();
 
 /** 暂停开始画笔 */
 private Paint paintC = new Paint();
 
 /** 状态监听器 */
 private OnStatusChangeListener onStatusChangeListener;
 
 /** 构造器 */
 public PlayButtonView(Context context, AttributeSet attrs) {
 super(context, attrs);
 }
 
 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 super.onMeasure(widthMeasureSpec, heightMeasureSpec);
 if (!isMeasured) {
  getWidthAndHeight();
  isMeasured = true;
 }
 }
 
 /** 得到视图等的高度宽度尺寸数据 */
 private void getWidthAndHeight() {
 
 int viewHeight = getMeasuredHeight();
 int viewWidth = getMeasuredWidth();
 viewCenterX = viewWidth / 2;
 viewCenterY = viewHeight / 2;
 viewHalfLength = viewHeight < viewWidth ? viewHeight / 2 : viewWidth / 2;
 
 int paintAwidth = viewHalfLength / 15;
 int paintBwidth = viewHalfLength / 8;
 
 rectF.left = viewCenterX - (viewHalfLength - paintAwidth / 2);
 rectF.top = viewCenterY - (viewHalfLength - paintAwidth / 2);
 rectF.right = viewCenterX + (viewHalfLength - paintAwidth / 2);
 rectF.bottom = viewCenterY + (viewHalfLength - paintAwidth / 2);
 
 rectF2.left = viewCenterX - (viewHalfLength - paintBwidth / 2);
 rectF2.top = viewCenterY - (viewHalfLength - paintBwidth / 2);
 rectF2.right = viewCenterX + (viewHalfLength - paintBwidth / 2);
 rectF2.bottom = viewCenterY + (viewHalfLength - paintBwidth / 2);
 
 paintA.setColor(color);
 paintA.setStrokeWidth(paintAwidth);
 paintA.setAntiAlias(true);
 paintA.setStyle(Paint.Style.STROKE);
 
 paintB.setColor(color);
 paintB.setStrokeWidth(paintBwidth);
 paintB.setAntiAlias(true);
 paintB.setStyle(Paint.Style.STROKE);
 
 paintC.setColor(color);
 paintC.setStrokeWidth(1);
 paintC.setAntiAlias(true);
 paintC.setStyle(Paint.Style.FILL);
 
 pointA.x = viewCenterX + viewHalfLength / 2;
 pointA.y = viewCenterY;
 
 double sin = Math.sin(Math.toRadians(60)); // √(3) / 2
 double cos = Math.cos(Math.toRadians(60)); // 1/ 2
 
 pointB.x = (float) ((viewCenterX - cos * viewHalfLength + viewCenterX) / 2);
 pointB.y = (float) ((viewCenterY - sin * viewHalfLength + viewCenterY) / 2);
 
 pointC.x = (float) ((viewCenterX - cos * viewHalfLength + viewCenterX) / 2);
 pointC.y = (float) ((viewCenterY + sin * viewHalfLength + viewCenterY) / 2);
 
 RectLeft = viewCenterX - viewHalfLength / 3;
 RectTOP = viewCenterY - viewHalfLength / 3;
 RectRight = viewCenterX + viewHalfLength / 3;
 RectBottom = viewCenterY + viewHalfLength / 3;
 }
 
 @Override
 protected void onDraw(Canvas canvas) {
 super.onDraw(canvas);
 
 // 画未完成进度的圆环
 canvas.drawArc(rectF, 0, 360, false, paintA);
 
 // 画已经完成进度的圆弧 从-90度开始,即从圆环顶部开始
 canvas.drawArc(rectF2, -90, progress * 3.6f, false, paintB);
 
 if (isPlaying) {
  canvas.drawRect(RectLeft, RectTOP, RectRight, RectBottom, paintC);
 } else {
  path.reset();
  path.moveTo(pointA.x, pointA.y);
  path.lineTo(pointB.x, pointB.y);
  path.lineTo(pointC.x, pointC.y);
  path.close();
  canvas.drawPath(path, paintC);
 }
 }
 
 /** 监听触摸DOWN时间,开始播放,暂停播放 */
 @Override
 public boolean onTouchEvent(MotionEvent event) {
 
 if (event.getAction() == MotionEvent.ACTION_DOWN) {
  isPlaying = !isPlaying;
  invalidate();
  if (isPlaying) {
  onStatusChangeListener.play();
  } else {
  onStatusChangeListener.pause();
  }
 }
 return super.onTouchEvent(event);
 }
 
 /** 设置进度 0-100区间 */
 public void setProgress(int progress) {
 
 if (progress < 0) {
  progress = 0;
 }
 if (progress > 100) {
  progress = 100;
 }
 this.progress = progress;
 invalidate();
 }
 
 /** 外界设置播放状态 */
 public void setPlaying(boolean isPlaying) {
 this.isPlaying = isPlaying;
 invalidate();
 }
 
 /** 播放暂停状态监听的接口 */
 public interface OnStatusChangeListener {
 
 void play();
 
 void pause();
 }
 
 /** 设置监听接口 */
 public void setOnStatusChangeListener(OnStatusChangeListener onStatusChangeListener) {
 this.onStatusChangeListener = onStatusChangeListener;
 }
 
 /** 位置信息 */
 private class Point {
 float x;
 float y;
 }

在调用者中设置OnStatusChangeListener 的监听器即可监听播放状态,通过setProgress方法就可以设置进度。

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

相关文章

  • 详解Android控件之DatePicker、TimePicker探究

    详解Android控件之DatePicker、TimePicker探究

    本篇文章主要介绍了Android控件之DatePicker、TimePicker探究,非常具有实用价值,需要的朋友可以参考下。
    2016-12-12
  • 解析Android开发中多点触摸的实现方法

    解析Android开发中多点触摸的实现方法

    多点触摸(MultiTouch),指的是允许计算机用户同时通过多个手指来控制图形界面的一种技术。与多点触摸技术相对应的就是单点触摸,单点触摸的设备已经有很多年了,小尺寸的有触摸式的手机,大尺寸的最常见的就是银行里的ATM机和排队查询机等等
    2013-05-05
  • Activity配置、启动和关闭activity实例详解

    Activity配置、启动和关闭activity实例详解

    这篇文章主要介绍了Activity配置、启动和关闭activity实例详解,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • Android LayerDrawable使用实例

    Android LayerDrawable使用实例

    这篇文章主要介绍了Android LayerDrawable使用实例,本文讲解了LayerDrawable的作用、LayerDrawable的原理、LayerDrawableLayerDrawable的使用实例等,需要的朋友可以参考下
    2015-06-06
  • Android侧滑菜单控件DrawerLayout使用详解

    Android侧滑菜单控件DrawerLayout使用详解

    这篇文章主要为大家详细介绍了Android侧滑菜单控件DrawerLayout的使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • android实现RecyclerView列表单选功能

    android实现RecyclerView列表单选功能

    这篇文章主要为大家详细介绍了android实现RecyclerView列表单选功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07
  • Android通过Service实现简单的音乐播放

    Android通过Service实现简单的音乐播放

    这篇文章主要介绍了Android通过Service实现简单的音乐播放,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • ObjectAnimator属性动画源码分析篇

    ObjectAnimator属性动画源码分析篇

    今天小编就为大家分享一篇关于ObjectAnimator属性动画源码分析篇,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • Delphi在Android下使用Java库的方法

    Delphi在Android下使用Java库的方法

    这篇文章主要介绍了Delphi在Android下使用Java库的方法,本文以Android的USB串口通讯库为例,给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-11-11
  • Android仿淘口令复制弹出框功能(简答版)

    Android仿淘口令复制弹出框功能(简答版)

    这篇文章主要介绍了Android仿淘口令复制弹出框功能(简答版)的相关资料,在文章给大家提到了淘口令原理介绍,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-11-11

最新评论