Android 10 电池图标修改

电池图标都是用代码画出来的，不管是statusbar还是settings->battery里面的都是。都是使用BatteryMeterView这个类实现的，只是statusbar和settings里面分别为不同的BatteryMeterView。BatteryMeterView里面会有一个ThemedBatteryDrawable类型的drawable，就是用这个来画电池图标的。所以直接修改这个ThemedBatteryDrawable.kt，就可以同时改变statusbar和settings中的电池图标了。

 

  ThemedBatteryDrawable 就是加载了一些电池图标的路径，然后绘制出来。

这里贴一些主要代码，这个就是去加载电池绘制的路径。

 private fun loadPaths() {
        val pathString = context.resources.getString(
                com.android.internal.R.string.config_batterymeterPerimeterPath)
        perimeterPath.set(PathParser.createPathFromPathData(pathString))
        perimeterPath.computeBounds(RectF(), true)

        val errorPathString = context.resources.getString(
                com.android.internal.R.string.config_batterymeterErrorPerimeterPath)
        errorPerimeterPath.set(PathParser.createPathFromPathData(errorPathString))
        errorPerimeterPath.computeBounds(RectF(), true)

        val fillMaskString = context.resources.getString(
                com.android.internal.R.string.config_batterymeterFillMask)
        fillMask.set(PathParser.createPathFromPathData(fillMaskString))
        ......
}

路径在frameworks/base/core/core/res/res/values/config.xml中

config_batterymeterPerimeterPath 电池外框，空心的

config_batterymeterErrorPerimeterPath 电池外框，空心的，这个用来画battery saver模式的外框，路径一样只是颜色不一样

config_batterymeterFillMask 电池内框，就是电量

config_batterymeterBoltPath 闪电，充电的

config_batterymeterPowersavePath 加号

        <!-- All of the paths defined for the batterymeter are defined on a 12x20 canvas, and must
     be parsable by android.utill.PathParser -->
    <string name="config_batterymeterPerimeterPath" translatable="false">
		M3.5,2 v0 H1.33 C0.6,2 0,2.6 0,3.33 V13v5.67 C0,19.4 0.6,20 1.33,20 h9.33 C11.4,20 12,19.4 12,18.67 V13V3.33 C12,2.6 11.4,2 10.67,2 H8.5 V0 H3.5 z M2,18v-7V4h8v9v5H2L2,18z
    </string>
    <string name="config_batterymeterErrorPerimeterPath" translatable="false">@string/config_batterymeterPerimeterPath</string>
    <string name="config_batterymeterFillMask" translatable="false">
        M2,18 v-14 h8 v14 z
    </string>
    <string name="config_batterymeterBoltPath" translatable="false">
        M5,17.5 V12 H3 L7,4.5 V10 h2 L5,17.5 z
    </string>
    <string name="config_batterymeterPowersavePath" translatable="false">
        M9,10l-2,0l0,-2l-2,0l0,2l-2,0l0,2l2,0l0,2l2,0l0,-2l2,0z
    </string>

你可以把这些路径放在android studio中的vector中，看看它们长什么样子。

 

下面就是去画电池

   override fun draw(c: Canvas) {
        c.saveLayer(null, null)


        unifiedPath.reset()
        levelPath.reset()
        levelRect.set(fillRect)
        val fillFraction = batteryLevel / 100f
        val fillTop =
                if (batteryLevel >= 95)
                    fillRect.top
                else
                    fillRect.top + (fillRect.height() * (1 - fillFraction))

        levelRect.top = Math.floor(fillTop.toDouble()).toFloat()
        levelPath.addRect(levelRect, Path.Direction.CCW)

        // The perimeter should never change
        unifiedPath.addPath(scaledPerimeter)
        // If drawing dual tone, the level is used only to clip the whole drawable path
        if (!dualTone) {
            unifiedPath.op(levelPath, Path.Op.UNION)
        }

        fillPaint.color = levelColor

        // Deal with unifiedPath clipping before it draws
        if (charging) {
            // Clip out the bolt shape
            unifiedPath.op(scaledBolt, Path.Op.DIFFERENCE)
            if (!invertFillIcon) {
                c.drawPath(scaledBolt, fillPaint)
            }
        }

电量：更具电量，确定levelpath的高度，它是一个rect

path.op() 这个用来抠图，或画图。 Path.Op.UNION 就是把2个路径重合，取合集，就是会把2个路径都画出来，重合的地方也画。Path.Op.DIFFERENCE就是把2个路径不一样的地方画出来，重合的地方不画。

 

 

关于怎么设置路径，你可以先在androidstudio中创建vector assest，然后自己试试看效果，最后把路径加到代码中。

你也可以在网上找矢量图，然后转换为vector，如果网上的图片路径太大，你可以看看这个https://blog.csdn.net/Aaron121314/article/details/106070330 怎么去把路径缩小，改变图片位置。直接修改路径不显示，太复杂了，除非是简单的图片。