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

发布时间:2019-08-08 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了Android仿音乐播放器带进度的播放暂停按钮脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

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

效果如下:

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 &#63; 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教程
脚本网站
android studio

脚本宝典总结

以上是脚本宝典为你收集整理的Android仿音乐播放器带进度的播放暂停按钮全部内容,希望文章能够帮你解决Android仿音乐播放器带进度的播放暂停按钮所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。