Android开发：ListView上方视图无法滚动，如何实现整体滚动？

这个问题很常见，原因是你当前的布局结构里，顶部的grouplayout和ListView是同级布局，它们都直接放在RelativeLayout下，所以ListView滚动时，顶部视图属于独立的布局块，自然不会跟着滚动。下面给你两种靠谱的解决方案，优先推荐第一种：

方案一：给ListView添加Header（最推荐） #

ListView本身支持添加头部视图，这样头部会和列表项一起滚动，这是最符合ListView设计逻辑的做法：

步骤1：抽取顶部视图为单独的布局文件 #

把你原来grouplayout里的内容单独存成一个xml文件，比如list_group_header.xml：

<?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="wrap_content"
    android:background="@color/Text_color"
    android:orientation="vertical"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp">

    <RelativeLayout 
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <ImageView 
            android:id="@+id/groupimage"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:scaleType="fitXY"
            android:src="@drawable/post"/>

        <ImageButton 
            android:id="@+id/editimage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:src="@drawable/ic_add_a_photo_black_24dp"
            android:autofillHints="EditImage"/>

        <TextView 
            android:id="@+id/groupname"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fontFamily="sans-serif"
            android:layout_below="@+id/groupimage"/>
        
        <!-- 把你原来的groupuserimage、Groupusername、发布按钮等内容都移到这里 -->
    </RelativeLayout>
</LinearLayout>

步骤2：修改原布局，只保留ListView #

原布局简化成这样（去掉原来的grouplayout）：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/Homebg">

    <ListView 
        android:id="@+id/your_listview_id" <!-- 替换成你原来的ListView ID -->
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</RelativeLayout>

步骤3：在代码中添加Header到ListView #

在Activity/Fragment的初始化代码里（比如onCreate或者onViewCreated）：

// Java代码示例
ListView listView = findViewById(R.id.your_listview_id);
// 加载Header布局
View headerView = getLayoutInflater().inflate(R.layout.list_group_header, listView, false);
// 给Header里的控件设置事件或数据（比如groupname、editimage的点击事件）
TextView groupName = headerView.findViewById(R.id.groupname);
ImageButton editImage = headerView.findViewById(R.id.editimage);
// ... 设置内容或监听
// 添加Header到ListView
listView.addHeaderView(headerView);
// 最后设置ListView的Adapter
listView.setAdapter(yourAdapter);

// Kotlin代码示例
val listView = findViewById<ListView>(R.id.your_listview_id)
val headerView = layoutInflater.inflate(R.layout.list_group_header, listView, false)
val groupName = headerView.findViewById<TextView>(R.id.groupname)
val editImage = headerView.findViewById<ImageButton>(R.id.editimage)
// ... 设置内容或监听
listView.addHeaderView(headerView)
listView.adapter = yourAdapter

方案二：用ScrollView包裹所有内容（适合简单场景） #

如果不想修改代码，只想调整布局，可以用ScrollView（或NestedScrollView，兼容更高版本）把顶部视图和ListView一起包裹，但要注意ListView在ScrollView里会高度异常，需要处理：

修改后的布局示例 #

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/Homebg">

    <ScrollView 
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout 
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <!-- 原来的grouplayout内容 -->
            <LinearLayout 
                android:id="@+id/grouplayout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/Text_color"
                android:orientation="vertical"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="5dp">

                <RelativeLayout 
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content">

                    <ImageView 
                        android:id="@+id/groupimage"
                        android:layout_width="match_parent"
                        android:layout_height="200dp"
                        android:scaleType="fitXY"
                        android:src="@drawable/post"/>

                    <ImageButton 
                        android:id="@+id/editimage"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:src="@drawable/ic_add_a_photo_black_24dp"
                        android:autofillHints="EditImage"/>

                    <TextView 
                        android:id="@+id/groupname"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:fontFamily="sans-serif"
                        android:layout_below="@+id/groupimage"/>
                    
                    <!-- 其他顶部视图控件 -->
                </RelativeLayout>
            </LinearLayout>

            <!-- ListView需要设置固定高度或者自定义ListView解决高度问题 -->
            <ListView 
                android:id="@+id/your_listview_id"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:nestedScrollingEnabled="true"/> <!-- 用NestedScrollView时加上这个 -->

        </LinearLayout>
    </ScrollView>

</RelativeLayout>

注意事项 #

• 这种方法需要自定义ListView来计算自身高度，否则ListView只会显示一行。自定义代码示例：

public class FullHeightListView extends ListView {
    public FullHeightListView(Context context) {
        super(context);
    }

    public FullHeightListView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public FullHeightListView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // 计算所有子项的总高度
        int heightMeasureSpecCustom = MeasureSpec.makeMeasureSpec(
                Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
        super.onMeasure(widthMeasureSpec, heightMeasureSpecCustom);
        ViewGroup.LayoutParams params = getLayoutParams();
        params.height = getMeasuredHeight();
    }
}

然后布局里用这个自定义ListView替代原生的。

不过还是更推荐方案一，因为它更符合ListView的设计，性能也更好，不会有ScrollView嵌套带来的滑动冲突或高度计算问题。

内容的提问来源于stack exchange，提问作者Syed mujahid Iqbal