Android 自定义电池控件

显示电量自定义View,外部不需要任何控制,直接添加布局View即可。

实现三种状态:

1、未充电时,显示黑色。

2、电量小于20%,显示红色。

3、充电状态显示绿色

先看效果图如下(不知道GIF怎么上传,就这样看吧......):

代码如下:

public class BatteryView extends View {

    private int mPower = 100;       // 电池电量
    private int width;              // 电池总宽度
    private int height;             // 电池总高度
    private int margin = 2;         // 电池内芯与边框距离
    private int border = 2;         // 电池边框线条宽度
    private float radius = 4;       // 圆角角度
    private boolean isCharge = false;
    private int chargePower;
    private Timer mTimer;

    public BatteryView(Context context) {
        super(context);
    }

    public BatteryView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        width = getMeasuredWidth();
        height = getMeasuredHeight();
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        width = getMeasuredWidth();
        height = getMeasuredHeight();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Paint paint = new Paint();
        paint.setAntiAlias(true);// 去锯齿
        paint.setColor(Color.BLACK);// 设置画笔颜色
        float headWidth = width / 20.0f;// 电池头宽度

        // 画边框
        paint.setStyle(Paint.Style.STROKE);// 设置空心矩形
        paint.setStrokeWidth(border);
        RectF rect_1 = new RectF(border / 2, border / 2, width - headWidth - border / 2, height - border / 2);
        canvas.drawRoundRect(rect_1, radius, radius, paint);

        // 画电池头
        paint.setStyle(Paint.Style.FILL);
        paint.setStrokeWidth(0);
        RectF rect_2 = new RectF(width - headWidth - border / 2, height * 0.25f, width, height * 0.75f);
        canvas.drawRect(rect_2, paint);

        // 画电量
        if (isCharge) {
            paint.setColor(Color.GREEN);
        } else {
            if (mPower < 20) {
                paint.setColor(Color.RED);
            } else {
                paint.setColor(Color.BLACK);
            }
        }
        float offset = (width - headWidth - border - margin) * mPower / 100.f;
        RectF rect_3 = new RectF(border + margin, border + margin, offset, height - border - margin);
        canvas.drawRoundRect(rect_3, radius, radius, paint);

    }

    /**
     * 设置电量
     *
     * @param mPower 电量百分比 1-100
     */
    public void setPower(@IntRange(from = 1, to = 100) int mPower) {
        this.mPower = mPower;
        if (this.mPower < 0) {
            this.mPower = 0;
        }
        if (this.mPower > 100) {
            this.mPower = 100;
        }
        postInvalidate();
    }

    /**
     * 获取电量
     *
     * @return 电量百分比 1-100
     */
    public int getPower() {
        return mPower;
    }

    /**
     * 设置充电模式,如果传入true自动开启线程,使电池无限循环,营造出一个正在充电的状态
     *
     * @param charge
     */
    public void setCharge(boolean charge) {
        isCharge = charge;
        if (null != mTimer) {
            mTimer.cancel();
            mTimer = null;
        }
        if (isCharge) {
            chargePower = 0;
            mTimer = new Timer();
            mTimer.scheduleAtFixedRate(new TimerTask() {
                @Override
                public void run() {
                    chargePower += 10;
                    if (chargePower > 100) {
                        chargePower = 0;
                    }
                    setPower(chargePower);
                }
            }, 500, 300);
        }
    }
}

用法就不在啰嗦了,比较简单,至于系统电量可以通过广播(Intent.ACTION_BATTERY_CHANGED)获取。

结束。。。。。

转载于:https://my.oschina.net/u/1251149/blog/3013702

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值