使用代码绘制一个电池 (非图片)

好久没有发帖子了 用代码绘制了一个电池, 没有用到任何图片, 可以自用控制 其大小等网上找了一个但是效果 不好, 就自己实现了一个:CopyOfBatterView是原作者的 您可以对比一下
   
直接上demo了.
[mw_shl_code=java,true]package com.example.batterydemo;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.graphics.Rect;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.View;

public class BatteryView extends View {

    private float mPower = 0f;
    private float mBatteryStroke = 2f;

    private float mBatteryHeight = 30f; // 电池的高度
    private float mBatteryWidth = 60f; // 电池的宽度
    private float mCapHeight = 15f;
    private float mCapWidth = 5f;

    private float mPowerPadding = 1;
    private float mPowerHeight = mBatteryHeight - mBatteryStroke - mPowerPadding * 2; // 电池身体的高度
    private float mPowerWidth = mBatteryWidth - mBatteryStroke - mPowerPadding * 2;// 电池身体的总宽度

    private Paint mPaint;
    private RectF mBatteryRect;
    private RectF mCapRect;
    private RectF mPowerRect;

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

    public BatteryView(Context context, AttributeSet attrs) {
        super(context, attrs);
        mPaint = new Paint();
        mPaint.setColor(Color.GRAY);
        mPaint.setAntiAlias(true);
        mPaint.setStyle(Style.STROKE);
        mPaint.setStrokeWidth(mBatteryStroke);

        mBatteryRect = new RectF(mCapWidth, 0, mBatteryWidth, mBatteryHeight);
        mCapRect = new RectF(
                0,
                (mBatteryHeight - mCapHeight) /2,
                mCapWidth, 
                (mBatteryHeight - mCapHeight ) /2 + mCapHeight);

        mPowerRect = new RectF(
                mCapWidth + mBatteryStroke / 2 + mPowerPadding + mPowerWidth * ((100f - mPower) / 100f), // 需要调整左边的位置
                mPowerPadding + mBatteryStroke / 2, // 需要考虑到 画笔的宽度
                mBatteryWidth - mPowerPadding  * 2, 
                mBatteryStroke / 2 + mPowerPadding + mPowerHeight);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.save();
        canvas.translate(mBatteryStroke, mBatteryStroke);      
        mPaint.setStyle(Style.STROKE);
        canvas.drawRoundRect(mBatteryRect, 2f , 2f, mPaint); // 需要考虑 画笔的宽度 注意他下面不用考虑
        mPaint.setStyle(Style.FILL);
        canvas.drawRoundRect(mCapRect, 2f , 2f, mPaint);
        canvas.drawRect(mPowerRect, mPaint);
        canvas.restore();
    }

    public void setPower(float power) {
        mPower = power;
        if (mPower < 0) {
            mPower = 0;
        }
        mPowerRect = new RectF(
                mCapWidth + mBatteryStroke / 2 + mPowerPadding + mPowerWidth * ((100f - mPower) / 100f), // 需要调整左边的位置
                mPowerPadding + mBatteryStroke / 2, // 需要考虑到 画笔的宽度
                mBatteryWidth - mPowerPadding  * 2, 
                mBatteryStroke / 2 + mPowerPadding + mPowerHeight);
        invalidate();
    }
}

[/mw_shl_code]





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值