如何向Android自定义View中添加XML布局并调整位置？

你遇到的核心问题有两个：一是你的SquareView继承自View，而View无法作为容器添加子View（只有ViewGroup子类才能管理子View）；二是你之前的Inflate方式导致布局被错误添加，覆盖了自定义绘制的红色方块。下面是完整的解决方案：

步骤1：将SquareView改为ViewGroup子类 #

把SquareView的父类从View改成FrameLayout（或其他ViewGroup子类，比如LinearLayout），这样它就能正确容纳子View。同时用@JvmOverloads简化构造函数代码：

class SquareView @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0,
    defStyleRes: Int = 0
) : FrameLayout(context, attrs, defStyleAttr, defStyleRes) {
    private lateinit var mRectanglePaint: Paint

    init {
        init(attrs)
    }

    private fun init(attrs: AttributeSet?) {
        mRectanglePaint = Paint().apply {
            isAntiAlias = true
            color = Color.RED
        }
        // 加载并配置蓝色方块布局
        setupBlueSquare()
    }

步骤2：正确Inflate蓝色布局并设置位置 #

在setupBlueSquare方法中，我们Inflate布局，然后通过MarginLayoutParams调整蓝色方块的位置，让它在红色方块的正下方：

private fun setupBlueSquare() {
        val inflater = LayoutInflater.from(context)
        // Inflate时不要立即attach，先手动配置参数
        val blueSquareContainer = inflater.inflate(R.layout.blue_square, this, false)
        val blueSquare = blueSquareContainer.findViewById<View>(R.id.blue_square)

        // 转换dp为px，适配不同屏幕
        val dp100 = (100 * resources.displayMetrics.density).toInt()
        val dp200 = (200 * resources.displayMetrics.density).toInt()

        // 设置蓝色方块的布局参数：与红色方块左对齐，位于红色方块正下方
        val layoutParams = blueSquare.layoutParams as MarginLayoutParams
        layoutParams.leftMargin = dp100 // 和红色方块左边界一致
        layoutParams.topMargin = dp200 // 红色方块top=100dp，高度100dp，所以蓝色top=200dp
        blueSquare.layoutParams = layoutParams

        // 将布局添加到SquareView中
        addView(blueSquareContainer)
    }

步骤3：调整绘制逻辑确保内容显示 #

重写onDraw方法时，必须调用super.onDraw(canvas)（因为FrameLayout需要通过这个方法绘制子View），然后再绘制红色方块：

override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas) // 先绘制子View（蓝色方块）
        drawRectangle(canvas) // 再绘制红色方块，这样红色会在蓝色上方（若需要蓝色在上方，调换顺序即可）
    }

    private fun drawRectangle(canvas: Canvas) {
        val dp100 = (100 * resources.displayMetrics.density).toInt()
        // 用dp转换后的px绘制红色方块，保证适配性
        val rect = Rect(dp100, dp100, dp100 + dp100, dp100 + dp100)
        canvas.drawRect(rect, mRectanglePaint)
    }
}

关键说明 #

1. 为什么之前只显示蓝色方块？
   你之前继承的是View，调用inflater.inflate(..., this, true)时，由于View没有addView方法，LayoutInflater会将蓝色布局添加到SquareView的父容器中，导致它覆盖了你的自定义View。

2. 适配性处理
   原来的代码使用固定px值（100），在不同分辨率屏幕上显示效果不一致，我们通过resources.displayMetrics.density将dp转换为px，保证多屏幕适配。

3. 层级控制
   如果需要蓝色方块在红色方块上方，只需将onDraw中的顺序调换：先绘制红色方块，再调用super.onDraw(canvas)绘制子View。

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