Android测验应用按钮位置过低布局问题求助

Hey there! I’ve taken a look at your layout code and the problem you’re describing—buttons sitting too low when they have longer (but still fit) text. Let’s break down what’s going wrong and fix it step by step.

What’s Causing the Issue? #

1. Button Text Alignment: Your buttons have a fixed height (160sp) but no explicit vertical alignment for the text. By default, text might align to the top or bottom, making the button look like it’s positioned lower than it should be when text is longer.
2. Layout Width Conflict: You’re using layout_weight="1" on your buttons but also setting a fixed layout_width="250sp". This creates a conflict in how Android calculates the button’s width, which can indirectly throw off overall positioning.
3. Bottom Margin Overkill: The bottom button container has a 30sp margin, which might be pushing the buttons further down than necessary.

Step-by-Step Fixes #

1. Center Button Text Vertically

Add android:gravity="center" to each button. This ensures the text stays centered both horizontally and vertically inside the button, no matter how long the text is—eliminating that "low-positioned" visual effect.

2. Fix Button Width for Weighted Layout

When using layout_weight, set layout_width="0dp" instead of a fixed value. This lets Android properly distribute the available width based on the weight, avoiding layout inconsistencies that can affect button placement.

3. Adjust Button Height (Optional but Recommended)

Instead of a rigid 160sp height, use wrap_content with minHeight="160sp". This keeps the button’s minimum size while letting it expand slightly if needed for longer text, preventing text from being cramped or misaligned.

4. Tweak Bottom Margin (If Needed)

If the buttons still feel too low, reduce the layout_marginBottom on the second button container (e.g., from 30sp to 15sp) to bring them up a bit.

Modified Layout Code (Button Sections) #

<!-- First Button Row -->
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_marginStart="20sp"
    android:layout_marginEnd="20sp"
    android:layout_marginBottom="20sp">

    <Button
        android:id="@+id/btn_one"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:minHeight="160sp"
        android:layout_weight="1"
        android:textAllCaps="false"
        android:background="@drawable/button_multiple"
        android:textColor="@android:color/black"
        android:textSize="18sp"
        android:layout_marginEnd="15sp"
        android:gravity="center"/>

    <Button
        android:id="@+id/btn_two"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:minHeight="160sp"
        android:layout_weight="1"
        android:textAllCaps="false"
        android:background="@drawable/button_multiple"
        android:textColor="@android:color/black"
        android:textSize="18sp"
        android:gravity="center"/>
</LinearLayout>

<!-- Second Button Row -->
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_marginStart="20sp"
    android:layout_marginEnd="20sp"
    android:layout_marginBottom="15sp"> <!-- Reduced bottom margin -->

    <Button
        android:id="@+id/btn_three"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:minHeight="160sp"
        android:layout_weight="1"
        android:textAllCaps="false"
        android:background="@drawable/button_multiple"
        android:textColor="@android:color/black"
        android:textSize="18sp"
        android:layout_marginEnd="15sp"
        android:gravity="center"/>

    <Button
        android:id="@+id/btn_four"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:minHeight="160sp"
        android:layout_weight="1"
        android:textAllCaps="false"
        android:background="@drawable/button_multiple"
        android:textColor="@android:color/black"
        android:textSize="18sp"
        android:gravity="center"/>
</LinearLayout>

Additional Notes #

• The empty View with layout_weight="1" is working as intended to push your question content to the top and buttons to the bottom. If you want the buttons to sit higher, you can reduce the top margins on your question text (tv_question) or image (img) to free up space.
• Using sp for layout dimensions (like layout_height) is okay, but dp is more standard for non-text sizes—you might want to switch to dp for heights and margins to ensure consistent sizing across devices.

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