1、目錄結構，本人是使用安卓死丟丟。

2、執行介面，輸入框中輸入數值，點選重新整理，會再電池中顯示出相應的電量

3、繪製自定義電池控制元件，首先，新建一個類BatteryState繼承View

private Context mContext;
private float width;
private float height;
private Paint mPaint;
private float powerQuantity=0.5f;//電量

要使用到的變數

public BatteryState(Context context) {
    super(context);
    mContext=context;
    mPaint = new Paint();

}

public BatteryState(Context context, AttributeSet attrs) {
    super(context, attrs);
    mContext=context;
    mPaint = new Paint();
}

public BatteryState(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    mContext=context;
    mPaint = new Paint();
}
 

  @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
//        計算控制元件尺寸
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    @Override
    protected void onDraw(Canvas canvas) {
//繪製介面
        super.onDraw(canvas);
        Bitmap batteryBitmap=ReadBitMap(mContext, R.drawable.battery_empty);//讀取圖片資源
        width=batteryBitmap.getWidth();
        height=batteryBitmap.getHeight();
        if (powerQuantity>0.3f&&powerQuantity<=1) {
//            電量少於30%顯示紅色
            mPaint.setColor(Color.GREEN);
        }
        else if (powerQuantity>=0&&powerQuantity<=0.3)
        {
            mPaint.setColor(Color.RED);
        }
//        計算繪製電量的區域
        float right=width*0.94f;
        float left=width*0.21f+(right-width*0.21f)*(1-powerQuantity);
        float tope=height*0.45f;
        float bottom=height*0.67f;

        canvas.drawRect(left,tope,right,bottom,mPaint);
        canvas.drawBitmap(batteryBitmap, 0, 0, mPaint);
    }
 

public void refreshPower(float power)
{
    powerQuantity=power;
    if (powerQuantity>1.0f)
        powerQuantity=1.0f;
    if (powerQuantity<0)
        powerQuantity=0;
    invalidate();
}

4、在xml檔案中定義：

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_marginLeft="30dp"
    android:layout_height="30dp">
    <com.example.administrator.batterytest.BatteryState
        android:id="@+id/bs_power"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>
 

5、在Activity中使用

        mBtnTry = (TextView) findViewById(R.id.btn_try);
        mBtnTry.setText("重新整理電量");
//        mBtnTry.setBackground(getResources().getDrawable(R.drawable.maxwell_sun_5_bar));
        mBsPower = (BatteryState) findViewById(R.id.bs_power);
        mBtnTry.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                float power = Integer.parseInt(mEtPower.getText().toString());
                float p = power / 100;
                mBsPower.refreshPower(p);
            }
        });