解决ScrollView嵌套ListView冲突问题

说明

• 最近在设计一个ScrollView嵌套ListView的界面，想要实现的效果是这样的，如下图：
  
• 上面的红框是一个LinearLayout，包括两个TextView+ImageView；下面的红框是ListView，是TextView+ImageView的循环，我想实现这两个红框作为一个整体滚动。
• 一开始按照我的经验我是这样设计的，process.xml如下：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/backgroud"
    android:orientation="vertical"
    android:weightSum="1">

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

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

        <TextView
            android:id="@+id/tv_photo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:text="原图"
            android:textColor="#000000" />

        <ImageView
            android:id="@+id/imgView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="0dp"
            android:adjustViewBounds="true"/>
        <TextView
            android:layout_marginTop="0dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="归一化后的图像"
            android:textColor="#000000" />

        <ImageView
            android:id="@+id/imgView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />


        <ListView
            android:id="@+id/listview"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:divider="@null"/>
    </LinearLayout>
</ScrollView>
</LinearLayout>

• ListView的设计listprocess.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="match_parent"
    android:orientation="vertical">

    <TextView
        android:id="@+id/item_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#000000"/>

    <ImageView
        android:id="@+id/item_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

• 就是直接将ListView嵌套在ScrollView里面，这样设计的结果是：ListView只显示一条记录。如下：
  
• 这就完全违背了我们的意愿，我们的目的是利用ListView实现循环显示自己设计的控件，现在控件却只能显示一次。
• 百度到了很多答案都很复杂，最终实现了一个较为简单的设计，如下。

实现

1、重写ListView中的onMeasure方法。

• 新建类MyListView，继承原ListView类，重写onMeasure()方法。

package cn.hxc.imgrecognition;

import android.annotation.TargetApi;
import android.content.Context;
import android.os.Build;
import android.util.AttributeSet;
import android.widget.ListView;

/**
 * Created by 刘欢 on 2018/4/25.
 */

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

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

    public MyListView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public MyListView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int newHeightMeasureSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE>>2, // 设计一个较大的值和AT_MOST模式
                MeasureSpec.AT_MOST);
        super.onMeasure(widthMeasureSpec, newHeightMeasureSpec);//再调用原方法测量
    }
}

2、将原界面中的ListView改为自己的MyListView

<cn.hxc.imgrecognition.MyListView
    android:id="@+id/listview"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:divider="@null"/>

3、切记要在Activit中同步。

 private List<Item> list = new ArrayList<Item>();
 private MyListView listView;
 private ItemAdapter itemAdapter;

 listView=(MyListView)findViewById(R.id.listview);
 itemAdapter=new ItemAdapter(this,R.layout.listprocess,list);
 listView.setAdapter(itemAdapter);