Android开发：如何将View按父容器比例（如1/8）缩放？

针对你在小屏Android设备上需要动态生成占父容器1/8宽度的View（以可滚动按钮网格为例）的需求，先分析你提出的三个方案的问题，再给出更可靠的实现方式：

现有方案的问题分析 #

• 方案1：依赖提前获取父容器宽度存在测量时机问题。在View Inflate前，父容器往往还未完成布局测量，此时通过findViewById拿到的宽度大概率是0或不准确值，导致View尺寸错误；且无法自动响应父容器尺寸变化（如横竖屏切换），需手动重新计算，维护成本高。
• 方案2：硬编码默认尺寸会导致视觉闪烁，Inflate后再修改宽度会出现先显示默认尺寸再跳变的现象；同样存在父容器测量时机问题，且无法自动适配布局变化。
• 方案3：仅适用于静态ConstraintLayout布局场景，无法满足代码动态生成View的灵活性需求；若父容器不是ConstraintLayout，该方案完全失效，扩展性差。

推荐实现方案 #

场景1：可滚动按钮网格（最优选择：RecyclerView + GridLayoutManager） #

利用RecyclerView的GridLayoutManager自动分配宽度，无需手动计算，且天然支持滚动、复用和布局变化适配：

1. 布局文件（activity_main.xml）

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/button_grid"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

2. Item布局（item_button.xml）

<Button
    android:id="@+id/grid_button"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Button" />

3. 代码实现

// 初始化RecyclerView
val recyclerView = findViewById<RecyclerView>(R.id.button_grid)
// 设置GridLayoutManager，列数设为8（对应父容器宽度的1/8）
val layoutManager = GridLayoutManager(this, 8)
// 自定义SpanSizeLookup，控制每行显示的按钮数量
layoutManager.spanSizeLookup = object : GridLayoutManager.SpanSizeLookup() {
    override fun getSpanSize(position: Int): Int {
        // 返回1表示每个按钮占1列（即父容器宽度的1/8），按需添加对应数量的item即可控制每行按钮数
        return 1
    }
}
recyclerView.layoutManager = layoutManager
// 设置适配器
recyclerView.adapter = ButtonGridAdapter(yourButtonDataList)

这种方式的优势：

• 自动适配父容器宽度，无需手动计算；
• 横竖屏切换时自动重新测量布局；
• 支持View复用，性能更优；
• 灵活控制每行按钮数量，只需调整数据源即可。

场景2：手动动态添加View到普通容器（如LinearLayout/ConstraintLayout） #

方式A：LinearLayout + 权重

通过LinearLayout的weight属性自动分配宽度，无需计算：

val parentLayout = findViewById<LinearLayout>(R.id.parent_layout)
parentLayout.orientation = LinearLayout.HORIZONTAL
parentLayout.weightSum = 8f // 总权重设为8

// 动态生成按钮
for (i in 0 until buttonCount) {
    val button = Button(this)
    button.text = "Btn ${i+1}"
    // 设置LayoutParams，权重设为1，每个按钮自动占1/8宽度
    val params = LinearLayout.LayoutParams(0, LinearLayout.LayoutParams.WRAP_CONTENT, 1f)
    parentLayout.addView(button, params)
}

方式B：ConstraintLayout + 动态Guideline

若使用ConstraintLayout，可通过代码生成Guideline来固定每个View的1/8宽度：

val constraintLayout = findViewById<ConstraintLayout>(R.id.constraint_layout)
val constraintSet = ConstraintSet()
constraintSet.clone(constraintLayout)

// 动态生成按钮和对应的Guideline
for (i in 0 until buttonCount) {
    val button = Button(this)
    button.id = View.generateViewId()
    button.text = "Btn ${i+1}"
    constraintLayout.addView(button)

    // 创建左侧Guideline（位置为i*12.5%）
    val leftGuideline = Guideline(this)
    leftGuideline.id = View.generateViewId()
    constraintLayout.addView(leftGuideline)
    constraintSet.setGuidelinePercent(leftGuideline.id, ConstraintSet.LEFT, i * 0.125f)

    // 创建右侧Guideline（位置为(i+1)*12.5%）
    val rightGuideline = Guideline(this)
    rightGuideline.id = View.generateViewId()
    constraintLayout.addView(rightGuideline)
    constraintSet.setGuidelinePercent(rightGuideline.id, ConstraintSet.LEFT, (i+1)*0.125f)

    // 约束按钮到左右Guideline
    constraintSet.connect(button.id, ConstraintSet.START, leftGuideline.id, ConstraintSet.START)
    constraintSet.connect(button.id, ConstraintSet.END, rightGuideline.id, ConstraintSet.START)
    constraintSet.constrainHeight(button.id, ConstraintSet.WRAP_CONTENT)
}

constraintSet.applyTo(constraintLayout)

通用方案：自定义ViewGroup #

如果需要在任意父容器中实现该需求，可自定义一个ViewGroup，强制子View宽度为父容器的1/8：

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

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        val parentWidth = MeasureSpec.getSize(widthMeasureSpec)
        val childWidth = parentWidth / 8

        // 测量所有子View
        for (i in 0 until childCount) {
            val child = getChildAt(i)
            val childHeightSpec = getChildMeasureSpec(heightMeasureSpec, 0, child.layoutParams.height)
            val childWidthSpec = MeasureSpec.makeMeasureSpec(childWidth, MeasureSpec.EXACTLY)
            child.measure(childWidthSpec, childHeightSpec)
        }

        // 设置自身尺寸
        setMeasuredDimension(parentWidth, MeasureSpec.getSize(heightMeasureSpec))
    }

    override fun onLayout(changed: Boolean, l: Int, t: Int, r: Int, b: Int) {
        var left = 0
        for (i in 0 until childCount) {
            val child = getChildAt(i)
            val top = 0
            val right = left + child.measuredWidth
            val bottom = top + child.measuredHeight
            child.layout(left, top, right, bottom)
            left = right
        }
    }
}

使用时只需将按钮添加到这个Layout中，每个按钮自动占父容器1/8宽度：

<com.yourpackage.EighthWidthLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <!-- 动态添加的按钮会自动占1/8宽度 -->
</com.yourpackage.EighthWidthLayout>

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