Android錄制按鈕源碼解析
本文實例為大傢分享瞭Android實現錄制按鈕的具體代碼,供大傢參考,具體內容如下
初始化
佈局文件中參數
private void initParame(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.RButtonY, defStyleAttr, 0); //外圓和內部正方形之間的間距 mCircleOutMarginSize = typedArray.getDimensionPixelSize(R.styleable.RButtonY_rby_circle_out_margin, 5); //外圓畫筆的寬度 mCircleWidth = typedArray.getDimensionPixelSize(R.styleable.RButtonY_rby_circle_width, 5); //外圓畫筆的顏色 mCirclePaintColor = typedArray.getColor(R.styleable.RButtonY_rby_circle_paint_color, Color.YELLOW); //內部正方形畫筆的顏色 mRectPaintColor = typedArray.getColor(R.styleable.RButtonY_rby_rect_paint_color, Color.RED); //內部正方形初始邊長相對於外圓內切正方形邊長比率 0-1 mRectRateStart = typedArray.getFloat(R.styleable.RButtonY_rby_rect_rate_start, 0.9f); //內部正方形結束邊長相對於外圓內切正方形邊長比率 0-1 mRectRateFinish = typedArray.getFloat(R.styleable.RButtonY_rby_rect_rate_fnish, 0.5f); //錄制規定最短時間 mShortest = typedArray.getInteger(R.styleable.RButtonY_rby_short_time, 3); //錄制規定最長時間 mLongest = typedArray.getInteger(R.styleable.RButtonY_rby_long_time, 10); typedArray.recycle(); }
畫筆初始化
// Paint.Style.FILL設置隻繪制圖形內容 // Paint.Style.STROKE設置隻繪制圖形的邊 // Paint.Style.FILL_AND_STROKE設置都繪制 private void initPaint() { //外圓畫筆 mCirclePaint = new Paint(); mCirclePaint.setAntiAlias(true); mCirclePaint.setColor(mCirclePaintColor); mCirclePaint.setStyle(Paint.Style.STROKE); mCirclePaint.setStrokeWidth(mCircleWidth); //內部正方形畫筆 mRectPaint = new Paint(); mRectPaint.setAntiAlias(true); mRectPaint.setColor(mRectPaintColor); mRectPaint.setStyle(Paint.Style.FILL_AND_STROKE); }
內部正方形RectF初始化
private void initRect() { mRectF = new RectF(); }
內部正方形所需動畫初始化, 當開始錄制或者結束錄制時候,內部正方形會有一個動畫效果,這個動畫效果需要內部正方形邊長改變才能實現.
/** * 初始化動畫 * 這裡對動畫進行監聽, 獲取正方形邊長隨動畫改變的值,然後重繪 */ private void initAnimator() { mAnimator = new ValueAnimator(); /** * onAnimationStart() - 當動畫開始的時候調用. * onAnimationEnd() - 動畫結束時調用. * onAnimationRepeat() - 動畫重復時調用. * onAnimationCancel() - 動畫取消時調用.取消動畫也會調用onAnimationEnd,它不會關系動畫是怎麼結束的。 */ mAnimator.addListener(new AnimatorListenerAdapter() { @Override public void onAnimationEnd(Animator animation) { //動畫結束 isAnimRuning = false; } @Override public void onAnimationStart(Animator animation) { //動畫開始 isAnimRuning = true; } }); //動畫進度監聽,獲取正方形隨動畫變化的邊長,然後重繪 mAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { @Override public void onAnimationUpdate(ValueAnimator animation) { //動態獲取正方形邊長 mTempRectSize = (float) animation.getAnimatedValue(); invalidate();//重繪 } }); }
確定圓形半徑,圓心坐標,內部正方形邊長等
@Override protected void onLayout(boolean changed, int left, int top, int right, int bottom) { super.onLayout(changed, left, top, right, bottom); int width = getWidth(); int height = getHeight(); //圓心坐標 centerX = width / 2; centerY = height / 2; //半徑 radius = Math.min(centerX, centerY) - mCircleOutMarginSize / 2; //pow 平方,sqrt 開方 //正方形開始邊長,圓形直徑的平方除以二再開放,為正方形邊長. mRectStartSize = (int) (Math.sqrt(Math.pow(radius * 2, 2) / 2) * mRectRateStart); //正方形結束邊長 mRectEndSize = (int) (mRectStartSize * mRectRateFinish); //mTempRectSize == 0 時, 即第一創建該View. if (mTempRectSize == 0) { //如果屏幕旋轉,onLayout將被回調,此時並不希望mTempRectSize被重新賦值為mRectStartSize(開始狀態). //所以隻有當第一次創建時,才需要為mTempRectSize賦值為mRectStartSize(開始狀態) mTempRectSize = mRectStartSize; } }
繪制內部正方形和外圓
@Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); //外圓繪制 canvas.drawCircle(centerX, centerY, radius, mCirclePaint); //正方形四點坐標 int mLeftRectTemp = (int) (centerX - mTempRectSize / 2); int mRightRectTemp = (int) (centerX + mTempRectSize / 2); int mTopRectTemp = (int) (centerY + mTempRectSize / 2); int mButtonRectTemp = (int) (centerY - mTempRectSize / 2); //繪制正方形 mRectF.set(mLeftRectTemp, mTopRectTemp, mRightRectTemp, mButtonRectTemp); //(float) Math.sqrt(radius): 圓角半徑 canvas.drawRoundRect(mRectF, (float) Math.sqrt(radius), (float) Math.sqrt(radius), mRectPaint); }
錄制開始和結束方法以及動畫執行方法
/** * 錄制開始 */ private void recordStart() { //正方形開始動畫 startAnimation(mRectStartSize, mRectEndSize); if (rbyCb != null) { //錄制開始的回調 rbyCb.startCb(String.valueOf(mCurrent)); } //開始計時 mHandler.sendEmptyMessage(0); //錄制標識為開始 up = true; mTempRectSize = mRectEndSize; } /** * 錄制結束 */ private void recordFinish() { //正方形結束動畫 startAnimation(mRectEndSize, mRectStartSize); if (rbyCb != null) { //結束時回調 rbyCb.finishCb(String.valueOf(mCurrent)); } //錄制結束,當前時間歸0 mCurrent = 0; mHandler.removeCallbacksAndMessages(null); //錄制標識為結束 up = false; mTempRectSize = mRectStartSize; } /** * 開始動畫 * * @param startValue * @param endValue */ private void startAnimation(float startValue, float endValue) mAnimator.setFloatValues(startValue, endValue); mAnimator.setDuration(100); mAnimator.setInterpolator(new LinearInterpolator()); mAnimator.start(); }
回調接口
public interface RBYCallback { /** * 記錄結束的回調 * * @param current */ void finishCb(String current); /** * 每一秒 都會觸發該回調 * * @param current */ void eventCb(String current); /** * 開始記錄的回調 */ void startCb(String current); /** * 錄制時長小於錄制最短要求時間之時,用戶點擊按鈕時候,回調該方法 */ void lessShortTimeRecode(String current); }
對控件點擊事件進行處理
@Override public boolean onTouchEvent(MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_UP: //如果正方形動畫正在播放,就拒絕按鈕點擊 if (isAnimRuning) return true; //up為false代表未開始記錄,true 代表開始記錄 //未開始記錄時,mCurrent是等於0 if (!up && mCurrent == 0) { recordStart(); } //已開始記錄,並且當前錄制時間大於或者等於所設置的最短記錄時長,則按鈕可以手動結束 if (up && mCurrent >= mShortest) { recordFinish(); } //已開始記錄,當前錄制時間小於所設置的最短記錄時長,並且錄制時間大於1,則回調方法通知當前還不能手動結束錄制 if (up && mCurrent < mShortest && mCurrent >= 1) { if (rbyCb != null) { rbyCb.lessShortTimeRecode(String.valueOf(mCurrent)); } } break; } return true;//消費事件 }
屏幕旋轉保存與還原數據
//屏幕旋轉時候保存必要的數據 @Nullable @Override protected Parcelable onSaveInstanceState() { if (mCurrent != 0) { Bundle bundle = new Bundle(); //保存系統其他原有的狀態信息 bundle.putParcelable("instance", super.onSaveInstanceState()); //保存當前的一些狀態 bundle.putFloat("rect_size", mTempRectSize);//保存方形邊長 bundle.putBoolean("up", up);//當前錄制狀態 bundle.putInt("mCurrent", mCurrent);//當前錄制時間 return bundle; } else { return super.onSaveInstanceState(); } } @Override protected void onRestoreInstanceState(Parcelable state) { //判斷state的類型是否為bundle,若是則從bundle中取數據 if (state instanceof Bundle) { Bundle bundle = (Bundle) state; mTempRectSize = bundle.getFloat("rect_size"); up = bundle.getBoolean("up"); mCurrent = bundle.getInt("mCurrent"); //開始計時 mHandler.sendEmptyMessage(0); super.onRestoreInstanceState(bundle.getParcelable("instance")); return; } super.onRestoreInstanceState(state); }
定時mHandler
@SuppressLint("HandlerLeak") private Handler mHandler = new Handler() { @Override public void handleMessage(@NonNull Message msg) { super.handleMessage(msg); mCurrent++; if (rbyCb != null) { rbyCb.eventCb(String.valueOf(mCurrent)); } if (mCurrent >= mLongest) {//當前記錄時間大於或等於最大記錄時間,將自動結束記錄 recordFinish(); } else { mHandler.sendEmptyMessageDelayed(0, 1000); } } };
頁面銷毀處理
//頁面銷毀,清空消息,防止內存泄漏 @Override protected void onDetachedFromWindow() { super.onDetachedFromWindow(); mHandler.removeCallbacksAndMessages(null); mHandler = null; }
效果圖
以上就是本文的全部內容,希望對大傢的學習有所幫助,也希望大傢多多支持WalkonNet。