ScrollView和Fragment中的ListView、WebView滑动冲突问题的解决_android listview和fragment滑动冲突

作者：秋刀鱼在做梦 | 2024-07-21 23:11:41

踩

android listview和fragment滑动冲突

日常开发中很少会碰到ScrollView中嵌套listview或webview的情况，而且谷歌官方也不推荐这么做，但是也不是一定不会有这样的需求，毕竟定需求的不是我们程序员，而是产品经理。比如像下面这种需求：

可以看到，整个页面有一个共同的头部，下面有两个tab，左边tab下是个可以滚动的webview，右边是个listview。要求listview和webview在默认情况下不滚动，但外部整个页面可以滚动，当外层页面滚动到底部时，也就是两个tab的位置大概位于actionbar下方的时候，要求listview和webview自己能滑动而外层不动，当listview或webview下拉到顶部时，又让外层接管滑动，此时共同的头部可以拉下来。

碰到这种情况，一般的情况肯定是外层套个scrollview,两个tab里分别放个fragment,左右两个fragment分别放置listview。但是很不幸，这样做之后发现listview根本连显示都显示不了，更别提可以滑动了。读者一试便知。原因就在与scrollview和listview存在滑动事件的冲突，那么如何解决这个问题呢？网上有人给出了一个方法：手动计算listview的高度然后显示地设置他的高度。你只需要在listview.setAdapter()方法后调用如下代码：

   
   
   
    public void setListViewHeightBasedOnChildren(ListView listView) {
       
            ListAdapter listAdapter = listView.getAdapter();
            if (listAdapter == null) {
       
                return;
            }
    
            int totalHeight = 0;
            for (int i = 0; i < listAdapter.getCount(); i++) {
       
                View listItem = listAdapter.getView(i, null, listView);
                listItem.measure(0, 0);
                totalHeight += listItem.getMeasuredHeight();
            }
    
            ViewGroup.LayoutParams params = listView.getLayoutParams();
            params.height = totalHeight + (listView.getDividerHeight() * (listAdapter.getCount() - 1));
            Log.d(TAG, "params.height: "+params.height);
            listView.setLayoutParams(params);
        }

很不幸！这段代码只有在没有fragment的情况下才有效果，现在的情况是scrollview在宿主Activity中，而listview却在其中一个fragment中，按理说fragment也是放在Activity中那就相当于listview也在Activity中，但是实际情况就是显示不出来listview,具体什么原因我暂时也不清楚。

那既然在没有fragment的情况下才可以显示listview,那如果不用fragment怎么达到上述切换的效果呢？很简单！在Activity中切换的位置放置个空的容器FrameLayout,然后在切换tab的时候动态添加进想要的view,无论是webvie还是listview甚至是更复杂的view。其实在fragment出现之前，解耦Activity就采用的是这中方式。

我们采用mvc的思想抽象出一个controller基类，功能类似于一个简单的fragment,里面可以绑定view视图和model数据。

   
   
   
    public abstract class BaseController
    {
       
    
        public View mRootView;
        public Context mContext;
    
        public BaseController(Context context){
       
            this.mContext = context;
            // 在构造中  就加载显示的view
            mRootView = initView(context);
    
        }
        /**
         * 初始化view的方法让子类去实现
         * @return
         */
        protected abstract View initView(Context context);
    
        /**
         * 加载数据的方法，子类可以实现，也可以不实现
         */
        public void initData(){
       
        }
    
        /**
         * 暴露出去的获得根view的方法
         * @return
         */
        public View getRootView()
        {
       
            return mRootView;
        }
    }

然后继承这个基类分别创建LeftController 和 RightController,我们先以RightController为例，来把显示listview显示出来。

   
   
   
    public class RightController extends BaseController {
       
    
        private static final String TAG = "RightController";
        private ListView mListView;
        private List<String> mDatas;
    
        public RightController(Context context) {
       
            super(context);
        }
    
        @Override
        protected View initView(Context context) {
       
    
    //        TextView readView = new TextView(context);
    //        readView.setText("right-页面");
            View rootView = View.inflate(context, R.layout.controller_right, null);
            mListView = (ListView) rootView.findViewById(R.id.lv);
            prepareData();
            RightAdapter rightAdapter = new RightAdapter(context, mDatas);
            mListView.setAdapter(rightAdapter);
            setListViewHeightBasedOnChildren(mListView);
    
            return rootView;
        }
    
    
        private void prepareData() {
       
    
            mDatas = new ArrayList<>();
            for (int i = 0; i < 20; i++) {
       
                mDatas.add("item_" + i);
            }
        }
    
        /**
         * 在scrollview中完整显示listview
         *
         * @param listView
         */
        public void setListViewHeightBasedOnChildren(ListView listView) {
       
            ListAdapter listAdapter = listView.getAdapter();
            if (listAdapter == null) {
       
                return;
            }
    
            int totalHeight = 0;
    //        for (int i = 0; i < listAdapter.getCount(); i++) {
       
            for (int i = 0; i < 10; i++) {
       
                View listItem = listAdapter.getView(i, null, listView);
                listItem.measure(0, 0);
                totalHeight += listItem.getMeasuredHeight();
            }
    
            ViewGroup.LayoutParams params = listView.getLayoutParams();
            params.height = totalHeight + (listView.getDividerHeight() * 5);// (listAdapter.getCount() - 1));
            Log.d(TAG, "params.height: "+params.height);
            listView.setLayoutParams(params);
        }
    }

而在Activity的tab切换事件中只需这样两句代码即可把controller的view动态添加进Activity中：

   
   
   
    @Override
        public

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/秋刀鱼在做梦/article/detail/862529