Android XML按钮显示异常求助：单按钮布局样式不符合预期

问题原因 #

当前布局存在两个核心问题：

• 固定设置了weightSum="2"，但隐藏「Call Now」按钮后该值未动态调整，导致「Chat Now」按钮的权重分配逻辑混乱。
• 按钮的layout_width设为wrap_content，与layout_weight结合时，LinearLayout会优先保留按钮内容宽度，再分配剩余空间，最终造成单个按钮无法占满父容器宽度。

解决方案 #

方案1：优化XML布局（推荐） #

调整布局代码，移除冗余属性并修正宽度设置，确保单个或两个按钮显示时样式一致：

<LinearLayout
    android:id="@+id/callNowLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_marginTop="300dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent">

    <Button
        android:id="@+id/callNow"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="5dp"
        android:layout_weight="1"
        android:backgroundTint="#FF5722"
        android:padding="10dp"
        android:text="Call Now"
        android:textAllCaps="false"
        android:textColor="@color/white" />

    <Button
        android:id="@+id/chatNow"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="10dp"
        android:layout_weight="1"
        android:padding="10dp"
        android:text="Chat Now"
        android:backgroundTint="#FF5722"
        android:textAllCaps="false"
        android:textColor="@color/white" />

</LinearLayout>

关键修改点：

• 移除weightSum="2"：LinearLayout会自动根据子视图的layout_weight总和分配空间，无需手动指定。
• 将按钮layout_width改为0dp：这是使用layout_weight分配宽度的标准写法，让LinearLayout完全按权重计算按钮宽度，避免内容宽度干扰。
• 删除按钮上的app:layout_constraintXXX属性：父布局为LinearLayout，这些ConstraintLayout属性无效，属于冗余代码。

方案2：动态调整权重总和（备选） #

如果不想大幅修改XML，可在代码中根据按钮显示状态动态调整weightSum：

// 显示两个按钮时
callNow.visibility = View.VISIBLE
callNowLayout.weightSum = 2f

// 仅显示Chat Now按钮时
callNow.visibility = View.GONE
callNowLayout.weightSum = 1f

同时需将按钮的layout_width改为0dp，确保权重分配生效。

注意事项 #

隐藏按钮时必须使用View.GONE而非View.INVISIBLE，GONE会让视图完全从布局中移除，LinearLayout会重新计算剩余空间的分配；而INVISIBLE仅隐藏视图，仍会占用布局空间，无法解决问题。

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