自定义ViewGroup未显示子视图，PathView中DraggablePointView调用addView仍不渲染求助

嘿，这个问题我太熟了——很多刚接触自定义ViewGroup的开发者都会踩这个坑！光调用addView()确实不够，自定义ViewGroup要让子视图显示出来，必须搞定两个核心方法：onMeasure()和onLayout()，这俩是ViewGroup渲染子视图的必经步骤，默认实现根本不会帮你做这些事。

1. 为什么调用addView()还看不到子视图？ #

Android的视图渲染流程是：测量（Measure）→ 布局（Layout）→ 绘制（Draw）。addView()只是把子视图加入ViewGroup的子视图列表，但ViewGroup默认不会自动帮你测量子视图的尺寸，也不会告诉子视图该放在屏幕的哪个位置——这两步必须你自己实现。

针对你的PathView：必须重写onMeasure() #

这个方法的作用是告诉系统：

• 每个子视图需要多大的空间
• 当前ViewGroup自身需要多大的空间

举个适合PathView的简单实现示例：

class PathView @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : ViewGroup(context, attrs, defStyleAttr) {

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        // 第一步：遍历所有子视图，逐个测量
        for (i in 0 until childCount) {
            val child = getChildAt(i)
            // 给子视图传递测量规格，让它计算自己的尺寸
            measureChild(child, widthMeasureSpec, heightMeasureSpec)
        }

        // 第二步：计算当前ViewGroup的自身尺寸
        // 这里可以根据你的需求来，比如取所有子视图的最大范围，或者用父容器给的尺寸
        val desiredWidth = resolveSize(suggestedMinimumWidth, widthMeasureSpec)
        val desiredHeight = resolveSize(suggestedMinimumHeight, heightMeasureSpec)
        setMeasuredDimension(desiredWidth, desiredHeight)
    }

    // ... 其他代码
}

接着必须重写onLayout() #

测量完成后，子视图已经知道自己的大小，但还不知道该放在哪里——onLayout()的作用就是给每个子视图分配具体的屏幕坐标（左、上、右、下）。

比如你要把DraggablePointView放在Path上的特定位置，就可以在这里设置：

override fun onLayout(changed: Boolean, l: Int, t: Int, r: Int, b: Int) {
    for (i in 0 until childCount) {
        val child = getChildAt(i)
        if (child is DraggablePointView) {
            // 假设你的DraggablePointView有x、y坐标属性，用来指定位置
            val childLeft = child.x.toInt() - child.measuredWidth / 2 // 居中对齐
            val childTop = child.y.toInt() - child.measuredHeight / 2
            child.layout(
                childLeft,
                childTop,
                childLeft + child.measuredWidth,
                childTop + child.measuredHeight
            )
        }
    }
}

2. 额外检查：DraggablePointView自身是否能正常显示？ #

如果PathView的测量和布局都搞定了还是看不到点，那要检查DraggablePointView自己的实现：

• 是否重写了onDraw()？ 自定义View如果不在onDraw里绘制任何内容，哪怕尺寸正常也会是透明的。比如你可以画一个圆：

  class DraggablePointView @JvmOverloads constructor(
      context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
  ) : View(context, attrs, defStyleAttr) {
  
      private val paint = Paint().apply {
          color = Color.RED
          style = Paint.Style.FILL
          isAntiAlias = true
      }
  
      override fun onDraw(canvas: Canvas) {
          super.onDraw(canvas)
          // 画一个圆心在视图中心的圆
          val centerX = measuredWidth / 2f
          val centerY = measuredHeight / 2f
          canvas.drawCircle(centerX, centerY, min(centerX, centerY), paint)
      }
  
      // ... 其他代码
  }
  

• 是否正确处理了wrap_content？ 如果DraggablePointView的onMeasure没有设置默认尺寸，当使用wrap_content时，它的宽高会是0，自然看不到。可以加个默认尺寸：

  override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
      val defaultSize = dpToPx(20) // 默认20dp大小
      val width = resolveSize(defaultSize, widthMeasureSpec)
      val height = resolveSize(defaultSize, heightMeasureSpec)
      setMeasuredDimension(width, height)
  }
  
  private fun dpToPx(dp: Int): Int {
      return (dp * resources.displayMetrics.density).toInt()
  }
  

总结一下你遗漏的关键步骤 #

1. 在PathView中重写onMeasure()，完成子视图和自身的尺寸测量
2. 在PathView中重写onLayout()，给每个DraggablePointView设置具体位置
3. 确保DraggablePointView自身的onDraw()和onMeasure()正确实现

按这个流程改完，你的子视图应该就能正常显示啦！

内容的提问来源于stack exchange，提问作者Nahro