欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android 自定義view仿微信相機單擊拍照長按錄視頻按鈕

 更新時間：2019年07月19日 16:34:55   作者：Java魑魅魍魎  
這篇文章主要介紹了Android 自定義view仿微信相機單擊拍照長按錄視頻按鈕，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下

Android仿微信相機的拍照按鈕單擊拍照，長按錄視頻。先上效果圖。

這里寫圖片描述
這里寫圖片描述

項目地址：https://github.com/c786909486/PhotoButton2/tree/v1.0

添加依賴

allprojects {
    repositories {
      ...
      maven { url 'https://jitpack.io' }
    }
  }

dependencies {
      compile compile 'com.github.c786909486:PhotoButton2:v1.1'
  }

長按效果分析

判斷是否為長按，如果是，則擴大外圓，縮小內圓。由于要擴大外圓，所以在繪制常態(tài)的外圓時不可將圓的直徑設置為view的寬度或高度。

outRoundPaint.setAntiAlias(true);
    outRoundPaint.setColor(outCircleColor);
    if (isLongClick){
      canvas.scale(1.2f,1.2f,width/2,height/2);
    }
    canvas.drawCircle(width/2,height/2, outRaduis, outRoundPaint);

if (isLongClick){
      canvas.drawCircle(width/2,height/2, innerRaduis /2.0f, innerRoundPaint);
      //畫外原環(huán)
      mCPaint.setAntiAlias(true);
      mCPaint.setColor(progressColor);
      mCPaint.setStyle(Paint.Style.STROKE);
      mCPaint.setStrokeWidth(circleWidth/2);
      RectF rectF = new RectF(0+circleWidth,0+circleWidth,width-circleWidth,height-circleWidth);
      canvas.drawArc(rectF,startAngle,mSweepAngle,false,mCPaint);
    }else {
      canvas.drawCircle(width/2,height/2, innerRaduis, innerRoundPaint);
    }

然后通過手勢識別判斷單擊、長按、長按抬起。

mDetector = new GestureDetectorCompat(context, new GestureDetector.SimpleOnGestureListener() {
      @Override
      public boolean onSingleTapConfirmed(MotionEvent e) {
        //單擊
        isLongClick = false;
        if (listener != null) {
          listener.onClick(TakePhotoButton.this);
        }
        return super.onSingleTapConfirmed(e);
      }
      @Override
      public void onLongPress(MotionEvent e) {
        //長按
        isLongClick = true;
        postInvalidate();
        if (listener != null) {
          listener.onLongClick(TakePhotoButton.this);
        }
      }
    });
    mDetector.setIsLongpressEnabled(true);

 @Override
  public boolean onTouchEvent(MotionEvent event) {
    mDetector.onTouchEvent(event);
    switch(MotionEventCompat.getActionMasked(event)) {
      case MotionEvent.ACTION_DOWN:
        isLongClick = false;
        break;
      case MotionEvent.ACTION_UP:
      case MotionEvent.ACTION_CANCEL:
        if (isLongClick) {
          isLongClick = false;
          postInvalidate();
          if (this.listener != null) {
            this.listener.onLongClickUp(this);
          }
        }
        break;
    }
    return true;
  }

自定義接口對各個狀態(tài)進行監(jiān)聽

public interface OnProgressTouchListener {
    /**
     * 單擊
     * @param photoButton
     */
    void onClick(TakePhotoButton photoButton);
    /**
     * 長按
     * @param photoButton
     */
    void onLongClick(TakePhotoButton photoButton);
    /**
     * 長按抬起
     * @param photoButton
     */
    void onLongClickUp(TakePhotoButton photoButton);
    void onFinish();
  }

最后，給外圓弧添加動畫

public void start() {
    ValueAnimator animator = ValueAnimator.ofFloat(mmSweepAngleStart, mmSweepAngleEnd);
    animator.setInterpolator(new LinearInterpolator());
    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
      @Override
      public void onAnimationUpdate(ValueAnimator valueAnimator) {
        mSweepAngle = (float) valueAnimator.getAnimatedValue();
        //獲取到需要繪制的角度，重新繪制
        invalidate();
      }
    });
    //這里是時間獲取和賦值
    ValueAnimator animator1 = ValueAnimator.ofInt(mLoadingTime, 0);
    animator1.setInterpolator(new LinearInterpolator());
    animator1.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
      @Override
      public void onAnimationUpdate(ValueAnimator valueAnimator) {
        int time = (int) valueAnimator.getAnimatedValue();
      }
    });
    AnimatorSet set = new AnimatorSet();
    set.playTogether(animator, animator1);
    set.setDuration(mLoadingTime * 1000);
    set.setInterpolator(new LinearInterpolator());
    set.start();
    set.addListener(new AnimatorListenerAdapter() {
      @Override
      public void onAnimationEnd(Animator animation) {
        super.onAnimationEnd(animation);
        clearAnimation();
        isLongClick = false;
        postInvalidate();
        if (listener != null) {
          listener.onFinish();
        }
      }
    });
  }

最后，在activity中給控件設置監(jiān)聽即可。

buttontake.setOnProgressTouchListener(new TakePhotoButton.OnProgressTouchListener() {
      @Override
      public void onClick(TakePhotoButton photoButton) {
        Toast.makeText(MainActivity.this,"單機",Toast.LENGTH_SHORT).show();
      }
      @Override
      public void onLongClick(TakePhotoButton photoButton) {
        Toast.makeText(MainActivity.this,"長按",Toast.LENGTH_SHORT).show();
        buttontake.start();
      }
      @Override
      public void onLongClickUp(TakePhotoButton photoButton) {
        onFinish();
      }
      @Override
      public void onFinish() {
        Toast.makeText(MainActivity.this,"錄制結束",Toast.LENGTH_SHORT).show();
      }
    });

        button.s

下面貼上完整的代碼

TakePhotoButton：

import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.AnimatorSet;
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.graphics.RectF;
import android.support.annotation.Nullable;
import android.support.v4.view.GestureDetectorCompat;
import android.support.v4.view.MotionEventCompat;
import android.util.AttributeSet;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.LinearInterpolator;
/**
 * Created by CKZ on 2017/8/9.
 */
public class TakePhotoButton extends View {
  private float circleWidth;//外圓環(huán)寬度
  private int outCircleColor;//外圓顏色
  private int innerCircleColor;//內圓顏色
  private int progressColor;//進度條顏色
  private Paint outRoundPaint = new Paint(); //外圓畫筆
  private Paint mCPaint = new Paint();//進度畫筆
  private Paint innerRoundPaint = new Paint();
  private float width; //自定義view的寬度
  private float height; //自定義view的高度
  private float outRaduis; //外圓半徑
  private float innerRaduis;//內圓半徑
  private GestureDetectorCompat mDetector;//手勢識別
  private boolean isLongClick;//是否長按
  private float startAngle = -90;//開始角度
  private float mmSweepAngleStart = 0f;//起點
  private float mmSweepAngleEnd = 360f;//終點
  private float mSweepAngle;//掃過的角度
  private int mLoadingTime;
  public TakePhotoButton(Context context) {
    this(context,null);
}
  public TakePhotoButton(Context context, @Nullable AttributeSet attrs) {
    this(context, attrs,0);
  }
  public TakePhotoButton(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    init(context,attrs);
  }
  private void init(Context context,AttributeSet attrs){
    TypedArray array = context.obtainStyledAttributes(attrs,R.styleable.TakePhotoButton);
    outCircleColor = array.getColor(R.styleable.TakePhotoButton_outCircleColor,Color.parseColor("#E0E0E0"));
    innerCircleColor = array.getColor(R.styleable.TakePhotoButton_innerCircleColor,Color.WHITE);
    progressColor = array.getColor(R.styleable.TakePhotoButton_readColor,Color.GREEN);
    mLoadingTime = array.getInteger(R.styleable.TakePhotoButton_maxSeconds,10);
    mDetector = new GestureDetectorCompat(context, new GestureDetector.SimpleOnGestureListener() {
      @Override
      public boolean onSingleTapConfirmed(MotionEvent e) {
        //單擊
        isLongClick = false;
        if (listener != null) {
          listener.onClick(TakePhotoButton.this);
        }
        return super.onSingleTapConfirmed(e);
      }
      @Override
      public void onLongPress(MotionEvent e) {
        //長按
        isLongClick = true;
        postInvalidate();
        if (listener != null) {
          listener.onLongClick(TakePhotoButton.this);
        }
      }
    });
    mDetector.setIsLongpressEnabled(true);
  }
  private void resetParams() {
    width = getWidth();
    height = getHeight();
    circleWidth = width*0.13f;
    outRaduis = (float) (Math.min(width, height)/2.4);
    innerRaduis = outRaduis -circleWidth;
  }
  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    int width = MeasureSpec.getSize(widthMeasureSpec);
    int height = MeasureSpec.getSize(heightMeasureSpec);
    if (width > height) {
      setMeasuredDimension(height, height);
    } else {
      setMeasuredDimension(width, width);
    }
  }
  @Override
  protected void onDraw(Canvas canvas) {
    resetParams();
    //畫外圓
    outRoundPaint.setAntiAlias(true);
    outRoundPaint.setColor(outCircleColor);
    if (isLongClick){
      canvas.scale(1.2f,1.2f,width/2,height/2);
    }
    canvas.drawCircle(width/2,height/2, outRaduis, outRoundPaint);
    //畫內圓
    innerRoundPaint.setAntiAlias(true);
    innerRoundPaint.setColor(innerCircleColor);
    if (isLongClick){
      canvas.drawCircle(width/2,height/2, innerRaduis /2.0f, innerRoundPaint);
      //畫外原環(huán)
      mCPaint.setAntiAlias(true);
      mCPaint.setColor(progressColor);
      mCPaint.setStyle(Paint.Style.STROKE);
      mCPaint.setStrokeWidth(circleWidth/2);
      RectF rectF = new RectF(0+circleWidth,0+circleWidth,width-circleWidth,height-circleWidth);
      canvas.drawArc(rectF,startAngle,mSweepAngle,false,mCPaint);
    }else {
      canvas.drawCircle(width/2,height/2, innerRaduis, innerRoundPaint);
    }
  }
  public void start() {
    ValueAnimator animator = ValueAnimator.ofFloat(mmSweepAngleStart, mmSweepAngleEnd);
    animator.setInterpolator(new LinearInterpolator());
    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
      @Override
      public void onAnimationUpdate(ValueAnimator valueAnimator) {
        mSweepAngle = (float) valueAnimator.getAnimatedValue();
        //獲取到需要繪制的角度，重新繪制
        invalidate();
      }
    });
    //這里是時間獲取和賦值
    ValueAnimator animator1 = ValueAnimator.ofInt(mLoadingTime, 0);
    animator1.setInterpolator(new LinearInterpolator());
    animator1.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
      @Override
      public void onAnimationUpdate(ValueAnimator valueAnimator) {
        int time = (int) valueAnimator.getAnimatedValue();
      }
    });
    AnimatorSet set = new AnimatorSet();
    set.playTogether(animator, animator1);
    set.setDuration(mLoadingTime * 1000);
    set.setInterpolator(new LinearInterpolator());
    set.start();
    set.addListener(new AnimatorListenerAdapter() {
      @Override
      public void onAnimationEnd(Animator animation) {
        super.onAnimationEnd(animation);
        clearAnimation();
        isLongClick = false;
        postInvalidate();
        if (listener != null) {
          listener.onFinish();
        }
      }
    });
  }
  @Override
  public boolean onTouchEvent(MotionEvent event) {
    mDetector.onTouchEvent(event);
    switch(MotionEventCompat.getActionMasked(event)) {
      case MotionEvent.ACTION_DOWN:
        isLongClick = false;
        break;
      case MotionEvent.ACTION_UP:
      case MotionEvent.ACTION_CANCEL:
        if (isLongClick) {
          isLongClick = false;
          postInvalidate();
          if (this.listener != null) {
            this.listener.onLongClickUp(this);
          }
        }
        break;
    }
    return true;
  }
  private OnProgressTouchListener listener;
  public void setOnProgressTouchListener(OnProgressTouchListener listener) {
    this.listener = listener;
  }
  /**
   * 進度觸摸監(jiān)聽
   */
  public interface OnProgressTouchListener {
    /**
     * 單擊
     * @param photoButton
     */
    void onClick(TakePhotoButton photoButton);
    /**
     * 長按
     * @param photoButton
     */
    void onLongClick(TakePhotoButton photoButton);
    /**
     * 長按抬起
     * @param photoButton
     */
    void onLongClickUp(TakePhotoButton photoButton);
    void onFinish();
  }
}

項目地址：https://github.com/c786909486/PhotoButton2/tree/v1.0

總結

以上所述是小編給大家介紹的Android 自定義view仿微信相機單擊拍照長按錄視頻按鈕，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！

相關文章

  • JavaScript入門系列之知識點總結

    JavaScript入門系列之知識點總結

    JavaScript 是屬于網(wǎng)絡的腳本語言。本文是小編日常收集整理些javascript入門基礎知識，對js新手朋友非常有幫助，對js入門知識點感興趣的朋友一起學習吧
    2016-03-03
  • js跳轉頁面方法實現(xiàn)匯總

    js跳轉頁面方法實現(xiàn)匯總

    js跳轉頁面的方法有很多，本文搜集整理了一些，個人感覺還不錯，希望對大家有所幫助
    2014-02-02
  • js window對象屬性和方法相關資料整理

    js window對象屬性和方法相關資料整理

    這篇文章主要介紹了js window對象屬性和方法相關資料整理,需要的朋友可以參考下
    2015-11-11
  • 基于javascript 顯式轉換與隱式轉換(詳解)

    基于javascript 顯式轉換與隱式轉換(詳解)

    下面小編就為大家分享一篇基于javascript 顯式轉換與隱式轉換(詳解)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2017-12-12
  • JavaScript使用replace函數(shù)替換字符串的方法

    JavaScript使用replace函數(shù)替換字符串的方法

    這篇文章主要介紹了JavaScript使用replace函數(shù)替換字符串的方法,涉及javascript中replace函數(shù)的使用技巧,非常具有實用價值,需要的朋友可以參考下
    2015-04-04
  • js實現(xiàn)3D旋轉相冊

    js實現(xiàn)3D旋轉相冊

    這篇文章主要為大家詳細介紹了js實現(xiàn)3D旋轉相冊，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2020-08-08
  • JavaScript中exec函數(shù)用法實例分析

    JavaScript中exec函數(shù)用法實例分析

    這篇文章主要介紹了JavaScript中exec函數(shù)用法,較為詳細的分析了javascript中exec函數(shù)的功能、定義及使用方法,需要的朋友可以參考下
    2015-06-06
  • javascript實現(xiàn)列表切換效果

    javascript實現(xiàn)列表切換效果

    這篇文章主要為大家詳細介紹了javascript實現(xiàn)列表切換效果的相關資料,需要的朋友可以參考下
    2016-05-05
  • 利用Three.js實現(xiàn)3D三棱錐立體特效

    利用Three.js實現(xiàn)3D三棱錐立體特效

    Three.js是基于原生WebGL封裝運行的三維引擎，在所有WebGL引擎中，Three.js是國內文資料最多、使用最廣泛的三維引擎。本文將用Three.js實現(xiàn)3D三棱錐立體特效，感興趣的可以了解一下
    2022-06-06
  • 淺談PDF.js使用心得

    淺談PDF.js使用心得

    本篇文章主要介紹了淺談PDF.js使用心得，pdf.js 是一個技術原型主要用于在 HTML5 平臺上展示 PDF 文檔，無需任何本地技術支持。非常具有實用價值，需要的朋友可以參考下
    2018-06-06

最新評論