本文介绍一种通过自定义 view 实现圆半径实时更新的高效方案，替代静态 drawable 方案；支持每 0.1 秒从服务端获取新半径值并平滑重绘，确保 ui 响应及时、性能稳定。
本文介绍一种通过自定义 view 实现圆半径实时更新的高效方案，替代静态 drawable 方案；支持每 0.1 秒从服务端获取新半径值并平滑重绘，确保 ui 响应及时、性能稳定。
在 Android 开发中，若需展示一个半径随数据实时变化的圆形图形（例如传感器反馈、实时热力半径、动画化数据可视化），仅依赖 drawable/circle.xml 等静态资源是不可行的——它无法响应运行时参数变更。正确做法是继承 View 类，自主控制绘制逻辑，将半径作为可变状态管理，并通过 invalidate() 触发重绘。
以下是一个轻量、高性能的 CircleView 实现：
class CircleView @JvmOverloads constructor(
context: Context,
attrs: AttributeSet? = null,
defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr) {
private val paint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
color = Color.BLUE
style = Paint.Style.FILL
}
private var radius = 0f
private val centerX: Float get() = width / 2f
private val centerY: Float get() = height / 2f
/**
* 安全设置半径：自动约束为非负值，避免绘制异常
*/
fun setRadius(radius: Float) {
this.radius = kotlin.math.max(0f, radius)
invalidate() // 请求重绘，触发 onDraw()
}
override fun onDraw(canvas: Canvas) {
super.onDraw(canvas)
// 居中绘制：圆心为 View 中心，半径由外部控制
canvas.drawCircle(centerX, centerY, radius, paint)
}
/**
* 可选：重写 onMeasure 以支持 wrap_content，使 View 尺寸适配当前半径
*/
override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
val desiredSize = (radius * 2 + 20).toInt() // 预留 10dp 边距
val width = resolveSize(desiredSize, widthMeasureSpec)
val height = resolveSize(desiredSize, heightMeasureSpec)
setMeasuredDimension(width, height)
}
}✅ 使用方式（XML 布局）
<com.yourpackage.CircleView
android:id="@+id/circleView"
android:layout_width="200dp"
android:layout_height="200dp"
android:layout_centerInParent="true" />✅ 动态更新（如每 0.1 秒刷新）
private val circleView: CircleView by lazy { findViewById(R.id.circleView) }
private val handler = Handler(Looper.getMainLooper())
private val runnable = object : Runnable {
override fun run() {
// 模拟从网络/数据库获取最新半径（单位：px）
val newRadius = fetchRadiusFromServer() // 替换为实际逻辑
circleView.setRadius(newRadius)
handler.postDelayed(this, 100) // 0.1 秒后再次执行
}
}
// 启动更新循环
handler.post(runnable)
// 【重要】在 Activity.onDestroy() 或 Fragment.onDestroyView() 中移除：
// handler.removeCallbacks(runnable)⚠️ 注意事项与最佳实践
- 线程安全：setRadius() 必须在主线程调用（invalidate() 不是线程安全的）；若数据来自后台线程，请使用 runOnUiThread {} 或 handler.post {}。
- 性能优化：避免高频 invalidate() 导致过度重绘。若半径变化极小（如 ±0.5px），可添加阈值判断（if (abs(newRadius - oldRadius) > 1f) invalidate()）。
- 边界处理：onDraw() 中 radius 若为 0 或负数会导致无绘制或崩溃，已在 setRadius() 中做防御性处理。
- 尺寸适配建议：如需 wrap_content 行为，务必重写 onMeasure()（如上例所示），否则 View 可能显示为空白（因默认 wrap_content 下 width/height=0）。
- 扩展性提示：可进一步支持颜色、描边、渐变、动画插值等，只需暴露对应 setter 并在 onDraw() 中应用。
通过该方案，你获得的是一个真正“活”的圆形组件——它不再受限于静态资源，而是成为数据驱动 UI 的典型范例，适用于实时仪表盘、交互式地图标记、物理模拟可视化等多种场景。
