Android 自定义view仿微信相机单击拍照长按录视频按钮

发布时间：2020-09-28 22:35:26

来源：脚本之家

阅读：82

作者：Java魑魅魍魉

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'

}

长按效果分析

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

}

}

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

总结

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

android 自定义动画 相机,Android 自定义view仿微信相机单击拍照长按录视频按钮相关推荐

  1. Android m 自定义下拉菜单,Android实现动画效果的自定义下拉菜单功能

    我们在购物APP里面设置收货地址时,都会有让我们选择省份及城市的下拉菜单项.今天我将使用Android原生的 Spinner 控件来实现一个自定义的下拉菜单功能,并配上一个透明渐变动画效果. 要实现的 ...

  2. android com.mylhyl,Android 高仿微信朋友圈拍照上传功能

    模仿微信朋友圈发布动态,输入文字支持文字多少高度自增,有一个最小输入框高度,输入文字有限制,不过这些都很easy! 1. photopicker的使用 这是一个支持选择多张图片,点击图片放大,图片之间 ...

  3. android 微信高仿,Android 高仿微信朋友圈拍照上传功能

    模仿微信朋友圈发布动态,输入文字支持文字多少高度自增,有一个最小输入框高度,输入文字有限制,不过这些都很easy! 1. PhotoPicker的使用 这是一个支持选择多张图片,点击图片放大,图片之间 ...

  4. iOS 高仿微信相机拍摄和编辑

    效果描述: 1.自定义相机 拍摄视频和照片 2.切换前后摄像头.调整焦距/设置聚焦点.横屏拍摄 3.视频编辑:涂鸦.贴图.文字水印.视频裁剪 .添加背景音乐 4 .图片编辑:涂鸦.贴图.文字水印.马赛 ...

  5. 仿微信拍照，长按录视频的拍照控件

    CameraView 项目地址:CJT2325/CameraView  简介:仿微信拍照,长按录视频的拍照控件 更多:作者   提 Bug    标签: Camera- 使用方法 Gradle 依赖: ...

  6. iOS仿微信录像和拍照(swift5.0)

    WMVideo 仿微信录像和拍照,record Video and photo functions exporter 源码地址 使用 let vc = WMCameraViewController() ...

  7. android+属性动画+高度,android 自定义view+属性动画实现充电进度条

    近期项目中需要使用到一种类似手机电池充电进度的动画效果,以前没学属性动画的时候,是用图片+定时器的方式来完成的,最近一直在学习动画这一块,再加上复习一下自定义view的相关知识点,所以打算用属性动画和 ...

  8. android下雨动画效果,Android 自定义View(二) 下雨效果

    Rain.gif Android 自定义View(二) 下雨效果 一 实现思路, 雨点用线段表示,通过控制线段的大小和宽度来表示不同的线段. 一个雨点下雨的过程可以表示为一条直线,一次雨点在下雨的过程 ...

  9. android旋转不重绘,Android自定义view仿微信刷新旋转小风车

    本文实例为大家分享了Android仿微信刷新旋转小风车 具体代码,供大家参考,具体内容如下 不太会录像,没办法,智能截图了 不多说了,直接上代码 package com.shipneg.demoysp ...

  10. Android 自定义View 仿微信好友，字母排序

    一 :具体说下思路(注意:一下代码如果没有显示则访问     https://www.jianshu.com/p/2da89b56871f   ) 1 :整体用到的控件,list view(recyc ...

最新文章

  1. java if and_Java运算符-if分支语句
  2. 商汤科技汤晓鸥：其实不存在AI行业，唯一存在的是“AI+“行业
  3. java原始模型模式_java设计模式--原始模型模式
  4. 为什么用户体验设计师需要像建筑师一样思考？
  5. python爬虫个人如何挣钱-个人利用Python爬虫技术怎么挣钱
  6. 为.netcore助力--WebApiClient正式发布core版本
  7. form表单、控制器中接收表单提交数据的4种方式
  8. 实现类去实现接口的时候，将接口的注释一起重写出来设置
  9. QQ、淘宝、阿里旺旺在线网页链接代码及详解 很实用
  10. 地图经纬度转换（百度，高德，谷歌，Leaflet）
  11. Tensor for argument #2 ‘mat1‘ is on CPU, but expected it to be on GPU (while checking arguments for
  12. php word 生成图片,PHP导出成word，带图片样式
  13. layui文件上传后台（带自定参数）
  14. 学习前端的第三十二天——ES6
  15. Snipaste的使用方法
  16. Wear OS手表应用开发教程之-监听手表按键以及获取按键信息-WearableButtons
  17. 《可可西里》：一只被人类轮奸的藏羚羊
  18. 【渝粤教育】国家开放大学2018年秋季 8181-21T (1)老年保健按摩 参考试题
  19. 计算机组成原理——中央处理器-数据通路（课程笔记）
  20. 人工智能：通过Python实现语音合成的案例

热门文章

  1. 一本通1486：【例题1】黑暗城堡（最小路径树计数）
  2. 让机器耳濡目染：MIT提出跨模态机器学习模型
  3. iOS 图片编辑——涂鸦——在图片上添加文字
  4. Linux之用户和权限
  5. 公司来了一个low逼程序员，进程线程面试题总结
  6. 数智时代，英特尔的“三个火枪手”
  7. 水晶报表 （Crystal Reports 2008）的配置
  8. canvas 基础系列（一）之实现抽奖刮刮卡（橡皮擦）
  9. 杜撰——深圳市贝力公司电子商务方案
  10. FIR 滤波器参数意义