麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 系統 > Android > 正文

Android仿音樂播放器帶進度的播放暫停按鈕

2019-10-21 21:31:27
字體:
來源:轉載
供稿:網友

因為項目需要,要做一個下載暫停開始的按鈕,要求按鈕上顯示進度。網上找了找沒有合適的,不太滿意,于是自己動手寫了一個。

效果如下:

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方法就可以設置進度。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網。


注:相關教程知識閱讀請移步到Android開發頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 久久综合九色综合久久久精品综合 | 国产欧美在线一区二区三区 | 国产不卡av在线 | 国产亚洲黑人性受xxxx精品 | 成人污在线 | 一本精品999爽爽久久久 | 热99精品视频 | 91精品国产综合久久久欧美 | 亚洲第一成人在线 | 久久久久久艹 | 黄网站色成年大片免费高 | 欧美一级一片 | 12av毛片| 黄色av免费电影 | 久产久精品| 欧美日韩精品一区二区三区不卡 | 国av在线| 国产一级桃视频播放 | 成人毛片100免费观看 | 日本aaa一级片 | 色播视频网站 | 精品国产一区二区三区久久久蜜月 | 久久综合网址 | 777午夜精品视频在线播放 | 日本在线观看视频网站 | 国产精品一区二区日韩 | 撅高 自己扒开 调教 | 成人短视频在线观看 | 中文在线观看www | 国产精品www | 国产在线精品区 | 国产精品亚洲综合一区二区三区 | 欧美一级小视频 | 久久国产精品二国产精品中国洋人 | 国产精品69页 | 久久经典 | 爱看久久| 黄色久 | 午夜天堂在线视频 | 国内久久久久 | 999久久国产 |