自定义view，仿微信点击拍照，长按录制视频按钮

最近终于想好了自己发展方向，决定学一学相关的知识，第一课决定从微信的小视频学起，而小视频的第一步就是点击按钮的制作。照例先放效果图

这个按钮提供了轻触和长按两种回掉，长按回掉里还包括了正常回掉和录制时间过短的回掉。

 

这个自定义view的知识点有：

                                        1.两个圆盘的绘制

                                        2.点击与长按事件的判断

                                        3.根据事件给两个圆添加缩放动画

                                        4.进度条动画的开始与结束

                                        5.添加一些自定义属性供外部调用

好了，思路有了就开始动手解决

1.自定义RecoreButton继承自view，重写onMeasure方法和onDraw方法，用canvas的 canvas.drawCircle方法分别画出内外 两个圆

 @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int viewWidth = MeasureSpec.getSize(widthMeasureSpec);
        int viewHeigth = MeasureSpec.getSize(heightMeasureSpec);
        //取长宽的最小值把view绘制成一个正方形
        mViewLength = Math.min(viewWidth, viewHeigth);
        mCircleCenterX = mViewLength / 2;
        mCircleCenterY = mViewLength / 2;

        reSetParameters();

        setMeasuredDimension(mViewLength, mViewLength);
    }

在测量出view的长度之后，外圈灰色圆放大后的半径也就确定了，取view长度的一半作为外圆的半径，保证它放大之后刚好到达这个view的边界，也减少冗余触摸界面，什么是冗余触摸界面呢？我们都知道view整体绘制出来是正方形的，而其中的内容只是一个圆，就会导致我点击的是正方形的角，但是也会出发圆盘的动画。所以圆盘尽量充满view可以让视觉上本不应该点击的部分少一点

 @Override
    protected void onDraw(Canvas canvas) {

        //画外圈圆
        canvas.drawCircle(mCircleCenterX, mCircleCenterY, mExternalCircleRadius, mExternalPaint);
        //画内圈圆
        canvas.drawCircle(mCircleCenterX, mCircleCenterY, mI