浅谈android中的ListView之解决ScrollView和ListView嵌套冲突(实际上一切都是浮云，闲的蛋疼)(一)

最新推荐文章于 2021-05-27 04:58:36 发布

VIP文章熊喵先生

最新推荐文章于 2021-05-27 04:58:36 发布

阅读量5.2k

点赞数 5

分类专栏： Android进阶走进Android世界文章标签： ScrollView和ListView 嵌套冲突动态测量高度 ListView多样式显示

本文链接：https://blog.csdn.net/u013064109/article/details/51505392

版权

相信大家都已经可以熟练使用ListView和GridView,大神们估计都在使用RecyclerView了。如果还在使用ListView，你肯定有这样的一个深刻的感受，那就是在做一个APP的时候使用ListView和GridView很频繁，并且经常会遇到一个页面中除了有ListView或GridView可能还有一些其他的内容，但是可能内容很多，你第一时间就会想到让它整体滑动即可，那就是在总的布局外面包裹一个ScrollView。也就是出现了ScrollView中嵌套一个ListView的场景，或者你的ScrollView嵌套多个ListView或者GridView的时候。我们自认为出现场景应该是整体内容会滑动，但是你会惊讶的发现并不是这样的，你会发现如果是嵌套了一个ListView或者GridView的时候，ListView只会显示一个Item项，GridView也会只显示一行。看来我们还是错了，具体是什么样子的下面我们通过一个demo来看看，然后分析一下为什么会出现这样的结果，以及最后解决的办法。

我就简单写了一个ListView只要能说明问题即可，至于ListView的优化等问题不是本篇博客的重点，将会在后续的博客出现。

布局文件（注意：仔细看清楚ListView的layout高度的属性是warp_content）

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/parent_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <include
        android:id="@+id/include_header_home"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        layout="@layout/header_home" />

    <ScrollView
        android:id="@+id/scrollview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

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

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="380dp"
                android:scaleType="fitXY"
                android:src="@drawable/center_image" />

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

                <LinearLayout
                    android:id="@+id/linear"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="#FFF"
                    android:orientation="horizontal" >

                    <View
                        android:layout_width="0.1dp"
                        android:layout_height="match_parent"
                        android:background="#44000000" />

                    <TextView
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:drawableRight="@drawable/all_category_arrow_down"
                        android:gravity="center"
                        android:padding="15dp"
                        android:text="商家分类" />

                    <View
                        android:layout_width="0.1dp"
                        android:layout_height="match_parent"
                        android:background="#44000000" />

                    <TextView
                        android:id="@+id/test"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:drawableRight="@drawable/all_category_arrow_down"
                        android:gravity="center"
                        android:padding="15dp"
                        android:text="智能排序" />

                    <View
                        android:layout_width="0.1dp"
                        android:layout_height="match_parent"
                        android:background="#77000000" />

                    <TextView
                        android:id="@+id/wei_express"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:drawableRight="@drawable/slip_off_img_bd_express"
                        android:gravity="center"
                        android:padding="15dp"
                        android:text="微送" />
                </LinearLayout>

                <View
                    android:layout_width="match_parent"
                    android:layout_height="0.1dp"
                    android:background="#44000000" />
            </LinearLayout>

            <ListView
                android:id="@+id/listview"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:divider="#33000000"
                android:dividerHeight="0.1dp" >
            </ListView>
        </LinearLayout>
    </ScrollView>

</LinearLayout>

MainActivity.java

package com.mikyou.listviewtest;

import com.mikyou.utils.SystemStatusManager;

import android.app.Activity;
import android.database.DataSetObserver;
import android.os.Build;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.view.WindowManager;
import android.widget.BaseAdapter;
import android.widget.ListAdapter;
import android.widget.ListView;

public class MainActivity extends Activity {
	private ListView  mListView;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setTranslucentStatus();
		setContentView(R.layout.activity_main);
		initData();
		initView();
	}
	private void initView() {
		mListView=(ListView) findViewById(R.id.listview);
		mListView.setAdapter(new MyAdapter());
	}
	class MyAdapter extends BaseAdapter{

		@Override
		public int getCount() {
			return 7;
		}

		@Override
		public Object getItem(int position) {
			return null;
		}

		@Override
		public long getItemId(int position) {
			return position;
		}

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			View view=View.inflate(MainActivity.this, R.layout.home_list_item, null);
			return view;
		}

	}
	private void initData() {

	}
	private void setTranslucentStatus() {//沉浸标题栏效果
		// TODO Auto-generated method stub
		if(Build.VERSION.SDK_INT>=Build.VERSION_CODES.KITKAT){
			Window win=getWindow();
			WindowManager.LayoutParams winParams=win.getAttributes();
			final int bits=WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS;
			winParams.flags |=bits;
			win.setAttributes(winParams);
		}
		SystemStatusManager tintManager = new SystemStatusManager(this);
		tintManager.setStatusBarTintEnabled(true);
		tintManager.setStatusBarTintResource(0);
		tintManager.setNavigationBarTintEnabled(true);
	}
}

运行的结果:

注意：你会发现只会显示一个，而我的设置adapter的时候明明设置的是7个，为什么只显示一个呢？？这是为什么，这就是意味ListView和ScrollView的嵌套带来的问题，因为ListView和GridView本身就是继承于ScrollView，而ScrollView中再次嵌套一个ScrollVewi就会出现高度测量的问题，我们都知道ListView也可以上下滑动，当ListView中的内容很多的时候，屏幕不足以显示的时候才会滑动显示。那为什么只会显示一项呢？其实仔细分析一下很简单就是ListView高度不够，如果高度达到一定的话，就会出现其他的Item项，注意看我们的布局ListView的Wrap_content，也就是测量里面的内容的高度来得到的，也就对应着android中的VIew测量的模式中的AT_MOST,这种测量模式实际上系统是不会给你真正的测的，而是根据测量其内部的内容来给出一个适合的尺寸，是系统只会测EXACTLY模式即为对应match_parent和指定明确的尺寸。我们还知道ListView每个Item加载模式通过getView方法一个一个的加载出来的，也就是当你第一个Item加载完后，它只测量第一个Item，所以只显示第一个Item，因为高度不够，只能显示第一个。如果不信，我们可以作如下的两个实验，第一打印出此时ListVIew的高度看看是不是此时ListView的高度是不是等于第一个Item的高度，第二就是我不指定warp_content，我指定一个明确尺寸看看。

第一个实验:比较第一个Item高度和ListVIew总高度，来说明此时ScrollView测量第一个Item来作为整个ListView的高度。

通过给ListView添加getViewTreeObserver().addOnGlobalLayoutListener事件，然后在回调方法中去得到高度，注意：因为我们直接或者间接在Activity中的OnCreate方法中去得到高度是为0，因为此时Activity中的View窗体树并没有绘制完毕，该方法就是通过监听整个View的树绘制完毕后才会回调，所以在该方法才能得到高度

package com.mikyou.listviewtest;

import com.mikyou.utils.SystemStatusManager;

import android.app.Activity;
import android.os.Build;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewTreeObserver.OnGlobalLayoutListener;
import android.view.Window;
import android.view.WindowManager;
import android.widget.BaseAdapter;
import android.widget.ListView;

public class MainActivity extends Activity {
	private ListView  mListView;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setTranslucentStatus();
		setContentView(R.layout.activity_main);
		initData();
		initView();
	}
	private void initView() {
		mListView=(ListView) findViewById(R.id.listview);
		mListView.setAdapter(new MyAdapter());
		//
		mListView.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {

			@Override
			public void onGlobalLayout() {
				View firstItemView=mListView.getAdapter().getView(0, null, mListView);//得到第一个Item
				firstItemView.measure(0, 0);
				System.out.println("第一个Item的高度:"+firstItemView.getMeasuredHeight());
				System.out.println("mListView的高度："+mListView.getHeight());				
			}
		});
	}
	class MyAdapter extends BaseAdapter{

		@Override
		public int getCount() {
			return 7;
		}

		@Override
		public Object getItem(int position) {
			return null;
		}

		@Override
		pub

最低0.47元/天解锁文章

熊喵先生

关注

5
点赞
踩
10

收藏

觉得还不错? 一键收藏
打赏
5
评论
浅谈android中的ListView之解决ScrollView和ListView嵌套冲突(实际上一切都是浮云，闲的蛋疼)(一)

相信大家都已经可以熟练使用ListView和GridView,大神们估计都在使用RecyclerView了。如果还在使用ListView，你肯定有这样的一个深刻的感受，那就是在做一个APP的时候使用ListView和GridView很频繁，并且经常会遇到一个页面中除了有ListView或GridView可能还有一些其他的内容，但是可能内容很多，你第一时间就会想到让它整体滑动即可，那就是在总的布局外
复制链接

扫一扫