Android如何让按weight设宽的按钮实现宽高一致且适配不同屏幕？

嘿，这个需求我太熟了！要让按钮保持宽高一致又不硬编码高度，适配各种屏幕，给你两个实用方案：

现在Android开发里ConstraintLayout是主流，用它的比例约束可以轻松实现这个效果，不用写任何Java/Kotlin代码。

核心思路是：给每个按钮设置宽度为屏幕的33%（用layout_constraintWidth_percent），然后通过layout_constraintDimensionRatio强制宽高比为1:1，这样高度就会自动等于宽度。

示例代码：

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <Button
        android:id="@+id/btn_first"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="按钮1"
        app:layout_constraintWidth_percent="0.33"
        app:layout_constraintDimensionRatio="1:1"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <Button
        android:id="@+id/btn_second"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="按钮2"
        app:layout_constraintWidth_percent="0.33"
        app:layout_constraintDimensionRatio="1:1"
        app:layout_constraintStart_toEndOf="@id/btn_first"
        app:layout_constraintTop_toTopOf="parent"/>

    <Button
        android:id="@+id/btn_third"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:text="按钮3"
        app:layout_constraintWidth_percent="0.33"
        app:layout_constraintDimensionRatio="1:1"
        app:layout_constraintStart_toEndOf="@id/btn_second"
        app:layout_constraintTop_toTopOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

注意：layout_constraintWidth_percent的值是0.33，刚好对应屏幕宽度的33%；layout_constraintDimensionRatio="1:1"表示宽高相等，你也可以改成其他比例比如2:1，这里我们要正方形就用1:1

如果你还在使用LinearLayout（比如项目遗留代码），可以自定义一个正方形按钮，让它的高度自动等于宽度。

首先创建一个自定义View类：

class SquareButton @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = android.R.attr.buttonStyle
) : Button(context, attrs, defStyleAttr) {

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        // 关键：让高度的测量规格和宽度一致，这样高度就会等于宽度
        super.onMeasure(widthMeasureSpec, widthMeasureSpec)
    }
}

然后在LinearLayout布局里使用这个自定义按钮，依然用weight分配宽度：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:weightSum="3">

    <com.your.package.name.SquareButton
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="按钮1"/>

    <com.your.package.name.SquareButton
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="按钮2"/>

    <com.your.package.name.SquareButton
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="按钮3"/>

</LinearLayout>

这里weightSum="3"和每个按钮的layout_weight="1"配合，刚好让每个按钮占屏幕宽度的1/3，自定义按钮的onMeasure方法会把高度调整成和宽度一样

这两个方案都能完美适配不同屏幕尺寸，不用硬编码任何具体的像素值，选哪个就看你项目里用的布局容器啦！

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