Android布局异常：LinearLayout根布局下仅Toolbar显示，需嵌入ScrollView等组件

Hey there! I see you're stuck with a layout issue where only the Toolbar shows up, while the ImageButtons and ScrollView/Table are nowhere to be found. Let's break down what's going wrong and fix it step by step.

The Root Cause #

Chances are your LinearLayout isn't properly allocating space to all elements. Here are the most likely issues:

• If you didn't set android:orientation="vertical" on the root LinearLayout, elements are stacking horizontally and getting pushed off-screen.
• Even with vertical orientation, if you didn't use layout_weight for the ScrollView, it collapses to 0 height when its table content is empty initially—hiding itself and any elements below it.

The Solution #

Here's how to adjust your layout to make all components visible and behave as expected:

1. Force vertical stacking: Set the root LinearLayout's orientation to vertical so elements arrange top-to-bottom.
2. Give ScrollView remaining space: Use layout_weight="1" and layout_height="0dp" on the ScrollView to make it take up all space left after the Toolbar and ImageButtons are rendered (even with empty initial content).
3. Respect ScrollView's single-child rule: ScrollView can only have one direct child, so wrap your Table in it directly (or a single container if needed).

Corrected Layout Code #

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" <!-- Critical for top-to-bottom stacking -->
    android:padding="8dp">

    <!-- Toolbar at the top -->
    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        android:title="My Layout" />

    <!-- Two ImageButtons placed side-by-side -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gap="16dp"
        android:padding="8dp">

        <ImageButton
            android:id="@+id/btn_first"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_button_one"
            android:contentDescription="First action button" />

        <ImageButton
            android:id="@+id/btn_second"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_button_two"
            android:contentDescription="Second action button" />
    </LinearLayout>

    <!-- ScrollView occupying remaining screen space -->
    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="0dp" <!-- Let weight system calculate height -->
        android:layout_weight="1" <!-- Critical: takes leftover space -->
        android:fillViewport="true"> <!-- Ensures table fills visible area -->

        <!-- Dynamic TableLayout inside ScrollView -->
        <TableLayout
            android:id="@+id/dynamic_content_table"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:stretchColumns="*" /> <!-- Stretches columns to fill width -->

    </ScrollView>

</LinearLayout>

Quick Extras #

• android:fillViewport="true" on the ScrollView makes sure your table expands to fill the ScrollView's visible area even if the content is short.
• Using ?attr/actionBarSize for the Toolbar keeps it consistent with the system's standard action bar height.
• Adjust the horizontal LinearLayout around ImageButtons (like adding layout_weight to each button) if you want them to spread across the screen.

Now when you run your Activity, you'll see all elements: Toolbar, both ImageButtons, and the ScrollView ready for your dynamically populated table!

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