android自定义相机设置曝光时间,Android 自定义view仿微信相机单击拍照长按录视频按钮...

本文介绍了如何使用Android自定义View实现一个类似微信相机的界面,具备拍照和长按录像的功能。通过GestureDetector监听用户操作,实现了单击拍照、长按时扩大外圆并记录进度,长按抬起则播放录制。适合开发者学习自定义控件和手势识别技术。
摘要由CSDN通过智能技术生成

Android仿微信相机的拍照按钮单击拍照,长按录视频。先上效果图。

0c53b68a70f4e49208d66b58cd09a36a.gif

4b04e04c76933c8bf7b3da9f57032216.gif

添加依赖

allprojects {

repositories {

...

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

}

}

dependencies {

compile compile 'com.github.c786909486:PhotoButton2:v1.1'

}

长按效果分析

判断是否为长按,如果是,则扩大外圆,缩小内圆。由于要扩大外圆,所以在绘制常态的外圆时不可将圆的直径设置为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);

//画外原环

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;

}

自定义接口对各个状态进行监听

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中给控件设置监听即可。

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;//外圆环宽度

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);

//画外原环

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;

}

/**

* 进度触摸监听

*/

public interface OnProgressTouchListener {

/**

* 单击

* @param photoButton

*/

void onClick(TakePhotoButton photoButton);

/**

* 长按

* @param photoButton

*/

void onLongClick(TakePhotoButton photoButton);

/**

* 长按抬起

* @param photoButton

*/

void onLongClickUp(TakePhotoButton photoButton);

void onFinish();

}

}

总结

以上所述是小编给大家介绍的Android 自定义view仿微信相机单击拍照长按录视频按钮,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值