android 按键上浮动画_android自定义view实现进度条动画、按钮渐变及录制状态控制...

不得不说自定义view绘制各种图形及它们的动画是令人有成就感的事情。该篇来分享之前项目中写的一个视频录制按钮的自定义view，该view有录制、暂停(结束)等状态的控制，各种状态转变的动画，以及录制进度展示。先看效果(圆圈的小白色段是最小录制时长的标记点)：

录制效果

代码的内容其实主要就是绘制进度条、录制按钮的切换动画(圆角正方形—>圆—>圆角正方形)。还是那句话，计算好每个组件的坐标(半径)事情就完成了一半，所以关键在于计算，这里的图形都简单计算并不复杂，只是要稍微细心点。注释都写得比较详细，就不一一解释了，具体看代码：

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.LinearGradient;

import android.graphics.Paint;

import android.graphics.RectF;

import android.graphics.Shader;

import android.util.AttributeSet;

import android.view.View;

import androidx.annotation.Nullable;

import com.robot.common.frame.BaseApp;

import com.robot.common.utils.PixelUtil;

/**

* 视频录制控制、进度

*

* @author ly

* date 2020/3/3 11:02

*/

public class RecordProgressView extends View implements View.OnClickListener {

private static final float changeRatio = 5f;

//最小录制时长标记的弧长

private static final int minPAngle = 2;

private OnRecordStatusListener onRecordStatusListener;

private Paint paint;

//内圈录制、暂停按钮颜色

private int circleInsideColor;

//进度圈颜色

private int circleOutsideColor;

//进度颜色

private int circleProgressColor;

private float progressW;

//进度条圆圈半径

private float circleProgressR;

//内实心圆圈半径

private float circleInsideR;

//录制按钮宽高

private float pauseRectW;

//动态变量内圈半径(逐渐变小或变大)

private float curCircleInsideR;

private