Xamarin中ScrollView嵌套两个ListView的间距及页脚问题求助

Hey there! Let's work through those two headaches you're dealing with when nesting ListViews inside a ScrollView. First off, I should note that mixing scrollable containers like this isn't ideal—they're both built to handle scrolling, so they often clash under the hood, which is likely the root of both problems. But let's fix them step by step, plus I'll share a better long-term solution.

1. Eliminating Extra Spacing Between ListViews #

That unwanted gap is almost always from default ListView settings or layout padding/margin. Try these fixes:

• Strip default ListView padding: ListViews come with built-in top/bottom padding. Add these attributes to your ListView XML to remove it:

  android:paddingTop="0dp"
  android:paddingBottom="0dp"
  android:clipToPadding="false"
  

• Disable dividers (if unused): If you don't need dividers between list items, set them to transparent and zero height to cut extra space:

  android:divider="@android:color/transparent"
  android:dividerHeight="0dp"
  

• Check parent layouts: Make sure your ScrollView or surrounding layouts aren't applying unintended margin to the ListViews.

2. Getting Your Footer to Show Up #

The footer issue happens because ListView doesn't calculate its height properly inside a ScrollView—it only renders a few items and shoves the footer off-screen. Here are two ways to fix this:

Option A: Quick Fix (Force ListView to Expand) #

You can manually calculate the total height of the ListView's content and force it to expand, so the ScrollView wraps the entire thing. Add this utility method to your activity/fragment:

private void expandListViewToFitContent(ListView listView) {
    ListAdapter adapter = listView.getAdapter();
    if (adapter == null) return;

    int totalHeight = 0;
    // Measure each list item to get total content height
    for (int i = 0; i < adapter.getCount(); i++) {
        View listItem = adapter.getView(i, null, listView);
        listItem.measure(View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED);
        totalHeight += listItem.getMeasuredHeight();
    }
    // Add divider heights to the total
    totalHeight += listView.getDividerHeight() * (adapter.getCount() - 1);

    // Update the ListView's layout params
    ViewGroup.LayoutParams params = listView.getLayoutParams();
    params.height = totalHeight;
    listView.setLayoutParams(params);
}

Call this right after setting the adapter for each ListView:

listView1.setAdapter(adapter1);
expandListViewToFitContent(listView1);

listView2.setAdapter(adapter2);
expandListViewToFitContent(listView2);

Also, double-check your footer setup: always call addFooterView() before setting the adapter:

View footerView = getLayoutInflater().inflate(R.layout.your_footer_layout, null);
listView2.addFooterView(footerView);
listView2.setAdapter(adapter2); // Adapter must come after adding footer

Option B: Better Long-Term Solution (Ditch Nested Scrolls) #

Nested scroll containers cause performance hits and weird behavior. The cleanest approach is to use a single RecyclerView with multiple view types. You can define view holders for the content of your two original ListViews, plus your footer. This way, the entire page scrolls smoothly as one, and you won't run into spacing or footer issues again.

For example:

• Create a RecyclerView.Adapter with 3 view types: TYPE_LIST1_ITEM, TYPE_LIST2_ITEM, TYPE_FOOTER
• Inflate the correct layout in onCreateViewHolder based on the view type
• Bind data to the corresponding view holder in onBindViewHolder

This is the recommended pattern for modern Android apps—it's more flexible and efficient.

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