文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android录制按钮源码解析

2024-04-02 19:55

关注

本文实例为大家分享了Android实现录制按钮的具体代码,供大家参考,具体内容如下

初始化

布局文件中参数


private void initParame(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
    TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.RButtonY, defStyleAttr, 0);
    //外圆和内部正方形之间的间距
    mCircleOutMarginSize = typedArray.getDimensionPixelSize(R.styleable.RButtonY_rby_circle_out_margin, 5);
    //外圆画笔的宽度
    mCircleWidth = typedArray.getDimensionPixelSize(R.styleable.RButtonY_rby_circle_width, 5);
    //外圆画笔的颜色
    mCirclePaintColor = typedArray.getColor(R.styleable.RButtonY_rby_circle_paint_color, Color.YELLOW);
    //内部正方形画笔的颜色
    mRectPaintColor = typedArray.getColor(R.styleable.RButtonY_rby_rect_paint_color, Color.RED);
    //内部正方形初始边长相对于外圆内切正方形边长比率 0-1 
    mRectRateStart = typedArray.getFloat(R.styleable.RButtonY_rby_rect_rate_start, 0.9f);
    //内部正方形结束边长相对于外圆内切正方形边长比率 0-1 
    mRectRateFinish = typedArray.getFloat(R.styleable.RButtonY_rby_rect_rate_fnish, 0.5f);
    //录制规定最短时间
    mShortest = typedArray.getInteger(R.styleable.RButtonY_rby_short_time, 3);
    //录制规定最长时间
    mLongest = typedArray.getInteger(R.styleable.RButtonY_rby_long_time, 10);
    typedArray.recycle();
}

画笔初始化


// Paint.Style.FILL设置只绘制图形内容
// Paint.Style.STROKE设置只绘制图形的边
// Paint.Style.FILL_AND_STROKE设置都绘制
private void initPaint() {
    //外圆画笔
    mCirclePaint = new Paint();
    mCirclePaint.setAntiAlias(true);
    mCirclePaint.setColor(mCirclePaintColor);
    mCirclePaint.setStyle(Paint.Style.STROKE);
    mCirclePaint.setStrokeWidth(mCircleWidth);
    //内部正方形画笔
    mRectPaint = new Paint();
    mRectPaint.setAntiAlias(true);
    mRectPaint.setColor(mRectPaintColor);
    mRectPaint.setStyle(Paint.Style.FILL_AND_STROKE);
}

内部正方形RectF初始化


private void initRect() {
        mRectF = new RectF();
}

内部正方形所需动画初始化, 当开始录制或者结束录制时候,内部正方形会有一个动画效果,这个动画效果需要内部正方形边长改变才能实现.



private void initAnimator() {
    mAnimator = new ValueAnimator();
    
    mAnimator.addListener(new AnimatorListenerAdapter() {
        @Override
        public void onAnimationEnd(Animator animation) {
            //动画结束
            isAnimRuning = false;
        }
        @Override
        public void onAnimationStart(Animator animation) {
            //动画开始
            isAnimRuning = true;
        }
    });
    //动画进度监听,获取正方形随动画变化的边长,然后重绘
    mAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {
            //动态获取正方形边长
            mTempRectSize = (float) animation.getAnimatedValue();
            invalidate();//重绘
        }
    });
}

确定圆形半径,圆心坐标,内部正方形边长等


 @Override
 protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
     super.onLayout(changed, left, top, right, bottom);
     int width = getWidth();
     int height = getHeight();
     //圆心坐标
     centerX = width / 2;
     centerY = height / 2;
     //半径
     radius = Math.min(centerX, centerY) - mCircleOutMarginSize / 2;
     //pow 平方,sqrt 开方
     //正方形开始边长,圆形直径的平方除以二再开放,为正方形边长.
     mRectStartSize = (int) (Math.sqrt(Math.pow(radius * 2, 2) / 2) * mRectRateStart);
     //正方形结束边长
     mRectEndSize = (int) (mRectStartSize * mRectRateFinish);
    //mTempRectSize == 0 时, 即第一创建该View.
    if (mTempRectSize == 0) {
        //如果屏幕旋转,onLayout将被回调,此时并不希望mTempRectSize被重新赋值为mRectStartSize(开始状态).
        //所以只有当第一次创建时,才需要为mTempRectSize赋值为mRectStartSize(开始状态)
        mTempRectSize = mRectStartSize;
    }
 }

绘制内部正方形和外圆


@Override
 protected void onDraw(Canvas canvas) {
     super.onDraw(canvas);
     //外圆绘制
     canvas.drawCircle(centerX, centerY, radius, mCirclePaint);
     //正方形四点坐标
     int mLeftRectTemp = (int) (centerX - mTempRectSize / 2);
     int mRightRectTemp = (int) (centerX + mTempRectSize / 2);
     int mTopRectTemp = (int) (centerY + mTempRectSize / 2);
     int mButtonRectTemp = (int) (centerY - mTempRectSize / 2);
     //绘制正方形
     mRectF.set(mLeftRectTemp, mTopRectTemp, mRightRectTemp, mButtonRectTemp);
     //(float) Math.sqrt(radius): 圆角半径
     canvas.drawRoundRect(mRectF, (float) Math.sqrt(radius), (float) Math.sqrt(radius), mRectPaint);
 }

录制开始和结束方法以及动画执行方法



private void recordStart() {
    //正方形开始动画
    startAnimation(mRectStartSize, mRectEndSize);
    if (rbyCb != null) {
        //录制开始的回调
        rbyCb.startCb(String.valueOf(mCurrent));
    }
    //开始计时
    mHandler.sendEmptyMessage(0);
    //录制标识为开始
    up = true;
    mTempRectSize = mRectEndSize;
}

private void recordFinish() {
    //正方形结束动画
    startAnimation(mRectEndSize, mRectStartSize);
    if (rbyCb != null) {
        //结束时回调
        rbyCb.finishCb(String.valueOf(mCurrent));
    }
    //录制结束,当前时间归0
    mCurrent = 0;
    mHandler.removeCallbacksAndMessages(null);
    //录制标识为结束
    up = false;
    mTempRectSize = mRectStartSize;
}

private void startAnimation(float startValue, float endValue)
    mAnimator.setFloatValues(startValue, endValue);
    mAnimator.setDuration(100);
    mAnimator.setInterpolator(new LinearInterpolator());
    mAnimator.start();
}

回调接口


public interface RBYCallback {
    
    void finishCb(String current);
    
    void eventCb(String current);
    
    void startCb(String current);
    
    void lessShortTimeRecode(String current);
}

对控件点击事件进行处理


@Override
public boolean onTouchEvent(MotionEvent event) {
    switch (event.getAction()) {
        case MotionEvent.ACTION_UP:
            //如果正方形动画正在播放,就拒绝按钮点击
            if (isAnimRuning) return true;
            //up为false代表未开始记录,true 代表开始记录
            //未开始记录时,mCurrent是等于0
            if (!up && mCurrent == 0) {
                recordStart();
            }
            //已开始记录,并且当前录制时间大于或者等于所设置的最短记录时长,则按钮可以手动结束
            if (up && mCurrent >= mShortest) {
                recordFinish();
            }
            //已开始记录,当前录制时间小于所设置的最短记录时长,并且录制时间大于1,则回调方法通知当前还不能手动结束录制
            if (up && mCurrent < mShortest && mCurrent >= 1) {
                if (rbyCb != null) {
                    rbyCb.lessShortTimeRecode(String.valueOf(mCurrent));
                }
            }
            break;
    }
    return true;//消费事件
}

屏幕旋转保存与还原数据


//屏幕旋转时候保存必要的数据
@Nullable
@Override
protected Parcelable onSaveInstanceState() {
    if (mCurrent != 0) {
        Bundle bundle = new Bundle();
        //保存系统其他原有的状态信息
        bundle.putParcelable("instance", super.onSaveInstanceState());
        //保存当前的一些状态
        bundle.putFloat("rect_size", mTempRectSize);//保存方形边长
        bundle.putBoolean("up", up);//当前录制状态
        bundle.putInt("mCurrent", mCurrent);//当前录制时间
        return bundle;
    } else {
        return super.onSaveInstanceState();
    }
}
@Override
protected void onRestoreInstanceState(Parcelable state) {
    //判断state的类型是否为bundle,若是则从bundle中取数据
    if (state instanceof Bundle) {
        Bundle bundle = (Bundle) state;
        mTempRectSize = bundle.getFloat("rect_size");
        up = bundle.getBoolean("up");
        mCurrent = bundle.getInt("mCurrent");
        //开始计时
        mHandler.sendEmptyMessage(0);
        super.onRestoreInstanceState(bundle.getParcelable("instance"));
        return;
    }
    super.onRestoreInstanceState(state);
}

定时mHandler


@SuppressLint("HandlerLeak")
private Handler mHandler = new Handler() {
    @Override
    public void handleMessage(@NonNull Message msg) {
        super.handleMessage(msg);
        mCurrent++;
        if (rbyCb != null) {
            rbyCb.eventCb(String.valueOf(mCurrent));
        }
        if (mCurrent >= mLongest) {//当前记录时间大于或等于最大记录时间,将自动结束记录
            recordFinish();
        } else {
            mHandler.sendEmptyMessageDelayed(0, 1000);
        }
    }
};

页面销毁处理


//页面销毁,清空消息,防止内存泄漏
@Override
protected void onDetachedFromWindow() {
    super.onDetachedFromWindow();
    mHandler.removeCallbacksAndMessages(null);
    mHandler = null;
}

效果图

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-移动开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯