ScrollView中放置ListView

转载 2016年08月31日 15:16:39

最近有个需求是需要在ScrollView中放置一个ListView,如果不做处理的话,直接放置控件会导致:

  1. ListView的高度设置为wrap_content时,每个item的高度无法控制,可能导致item高度为0而不显示。
  2. ListView的高度设置为wrap_content时,疯狂调用getView方法导致卡顿。
  3. ListView的高度设置了合适的高度后,ListView无法滑动。

其对应的解决方法:

  1. 在ListView调用了setAdapter或者notifyDataChange后,使用该方法重新设置ListView的高度。

    public static void setListViewHeightBasedOnChildren(ListView listView) {
        ListAdapter listAdapter = listView.getAdapter();
        if (listAdapter == null)
            return;
    
        int desiredWidth = View.MeasureSpec.makeMeasureSpec(listView.getWidth(), View.MeasureSpec.UNSPECIFIED);
        int totalHeight = 0;
        View view = null;
        for (int i = 0; i < listAdapter.getCount(); i++) {
            //获取每个item的view
            view = listAdapter.getView(i, view, listView);
            if (i == 0)
                view.setLayoutParams(new AbsListView.LayoutParams(desiredWidth, AbsListView.LayoutParams.WRAP_CONTENT));
    
            view.measure(desiredWidth, View.MeasureSpec.UNSPECIFIED);
            //计算总高度
            totalHeight += view.getMeasuredHeight();
        }
        ViewGroup.LayoutParams params = listView.getLayoutParams();
        //加上divider的高度
        params.height = totalHeight + (listView.getDividerHeight() * (listAdapter.getCount() - 1));
        listView.setLayoutParams(params);
        listView.requestLayout();
    }
    

    该方法原理就是通过adapter的getView方法返回item的view,计算每个item的高度height乘以item的个数,最后加上divider的高度。(如果知道每个item的高度,可以直接获取adapter的count乘以高度即可,省区调用getView方法的时间)

    使用该方法需要注意:
    1. item的根布局是必须是LinearLayout等重写了`onMeasure`方法的layout,因为获取高度时用到了`view.getMeasuredHeight()`方法.
    2. 该方法会在Adapter的getView方法前被调用。
    
  2. 在ListView外部放置一层单独的FrameLayout(性能最高),设置Layout的高度为wrap_content,然后设置ListView的高度为fill_parent,最后在setAdapternotifyDataChange后修改setListViewHeightBasedOnChildren方法,通过该方法返回带有正确高度的LinearLayout.LayoutParams(你没有看错,用LinearLayout.LayoutParams来设置FrameLayout),以此来设置FrameLayout的高度。这样不会疯狂调用getView方法了。

  3. 在onTouch事件中取消父布局的touch劫持。

    listView.setOnTouchListener(new OnTouchListener() {
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            v.getParent().requestDisallowInterceptTouchEvent(true);
            return false;
        }
    });
    

如果使用了Github开源项目-PullToRefreshListView,它有一个headView和一个BottomView,所以它计算高度的方法会不同:

public static void setListViewHeightBasedOnChildren(PullToRefreshListView listView) {
    ListAdapter listAdapter = listView.getRefreshableView().getAdapter();
    if (listAdapter == null)
        return;

    int totalHeight = 0;
    View view = null;
    //去掉头尾两个view
    for (int i = 1; i < listAdapter.getCount()-1; i++) {
        view = listAdapter.getView(i, view, listView);
        totalHeight += view.getLayoutParams().height;
    }
    ViewGroup.LayoutParams params = listView.getLayoutParams();
    params.height = totalHeight + (listView.getRefreshableView().getDividerHeight() * (listAdapter.getCount() - 1));
    listView.setLayoutParams(params);
    listView.requestLayout();
}

这里使用的是LayoutParams的height作为item的高度,所以在adapter的getView方法中,应该这样初始化:

public View getView(int position, View convertView, ViewGroup parent) {
    convertView = inflater.inflate(R.layout.parenting_listview_item,parent,false);
}

ScrollView+双Listview

  • 2017年10月26日 16:17
  • 2.19MB
  • 下载

scrollview+ listview

  • 2015年05月18日 17:04
  • 270KB
  • 下载

Android 打造顶部停留控件,可用于所有可滚动的控件(ScrollView,ListView)

1、序言现在很多App为了让一个页面可以有更多展示的东西。于是乎有一个界面就有几个tab进行切换页面,同时滚动的时候为了方便用户切换tab,这时tab需要悬浮在布局的顶部。所以这样就有了这篇blog咯...

用ScrollView做出来的listview

  • 2013年10月09日 14:12
  • 1.14MB
  • 下载

listview与scrollview冲突问题解决

  • 2013年06月18日 15:12
  • 27KB
  • 下载

ScrollView嵌套ListView,GridView,ViewPager,以及这些控件自动滚动到底部问题的解决

Google是不推荐在ScrollView 中放入一个可滚动的菜单的,比如放置一个ListView、GridView、ViewPager这些控件的,尽量不要让两者嵌套,但有时候还是有这个需求,先不管它...

ScrollView中嵌套Listview(两个)

  • 2015年05月08日 15:57
  • 1.43MB
  • 下载

ScrollView与ListView三层嵌套问题

最近做的几个功能都需要实现三层嵌套,所以先记录下来,方便以后使用。以下代码是从项目中摘取出来的,大体实现思路如下: 首先是重写ListView的onmeasure方法替代ListView,这个网上相...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ScrollView中放置ListView
举报原因:
原因补充:

(最多只允许输入30个字)