一个会随电量变色、带圆角、在不同分辨率的屏幕上都不走形的电池图标，比想象中藏着更多细节。前言设备状态页上常见的电量图标：一个圆角矩形电池，外壳 + 正极 + 内部填充色块，电量低时变红。很多人会想，这不就两个矩形叠一起吗？但当你真正用 Canvas 从零画出来，会发现要处理好三件事：圆角怎么画才不生硬。自定义属性怎么暴露给布局文件（app:level="80"这种）。怎么在不同屏幕密度下都不模糊、不偏移。这篇文章用电池控件当例子，把这三点讲清楚，顺便串起"自定义 View"的完整套路。一、测量：把 dp 换算成像素自定义 View 的第一步，是把布局里写死的尺寸（dp）换算成当前屏幕的像素。因为onDraw里用的全是像素，而布局里是 dp。用TypedValue或上下文密度换算：classBatteryView@JvmOverloadsconstructor