聊聊scrollview嵌套listview的问题

本文探讨了ScrollView嵌套ListView的常见问题及解决方案,包括ListView显示不全和无法滑动等,并对比分析了此种结构与单独使用ListView或RecyclerView加Header的优劣。

项目这几天需要修改主界面抛出来了一个让我dt的问题就是需要做到类似于美团外卖V4.47的列表那种效果而且要求有个筛选栏能够悬浮在顶部

回归正题 自然而然的我想到了scrollview嵌套一个listview列表

声明scrollview嵌套listview本身就是一件愚蠢的结构 十分不推荐这种结构,经过测试你完全可以使用listview加header 或者recycleview加header  ok往下看

那么先说scrollview嵌套listview 吧

遇到的问题

ListView显示不全面

2.listview不能滑动


1解决方案:

在adapter中测量item高度并计算出总高度

 public class Utility {
        public static 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));
            listView.setLayoutParams(params);
        }
    }
2解决方案

mWebView = (WebView)findViewById(R.id.new_mail_webview);   
            mScrollView=(ScrollView) findViewById(R.id.scrollContent);  
            mWebView.setOnTouchListener(new OnTouchListener() {  
                @Override  
                public boolean onTouch(View v, MotionEvent event) {  
                     if (event.getAction() == MotionEvent.ACTION_UP)  
                         mScrollView.requestDisallowInterceptTouchEvent(false);  
                      else    
                         mScrollView.requestDisallowInterceptTouchEvent(true);  
                    return false;   
                }  
            }); 
关于onTouchEvent 需要了解android的时间传递机制

传递机制大家可以参考点击打开链接这个讲解已经很详细了


ok问题到此为止当然问题不止这两个,还有很多 基本上全是坑 你可以想象下如果listview加上拉加载下拉刷新会是一个怎样WC的结构 会让你想超生不要问我怎么知道的发火发火发火

我接下来会告诉你为什么这种结构不推荐,下面转载的(之前测试在公司写的没存档)

ScrollView 如果一直滚动 他的整个长度其实是一直存在的
也就是说 你滚两屏 其实上一屏的数据还在,占用内存还在 只是你看不见了
这样问题来了
我们由于各种原因 在开发中不得不考虑ScrollView嵌套ListView

ListView是有自己的缓存机制 占用内存总是一屏幕
但是如果将ListView嵌套到ScrollView中 问题来了
我觉得ListView的缓存机制会失效 这样需求我们是达到了
但是数据很多的情况下 内存占用太大
甚至与OOM

特此做了一个测试  发现SCrollView嵌套ListView的时候所有的Item都是新建的 ListView的缓存机制失效了
所以在UI设计稿讨论的时候 我们必须要坚持 让设计师设计出来符合规范的设计稿 一般的ListView addhead就行


GIF.gif

顺带贴上内存图 会发现ScrollView里面的ListView之后内存暴涨


GIF.gif

现在看看RecycleView 替换ListView情况 看打印的log发现情况一致 ScrollView里面的缓存机制都失效


Paste_Image.png

所以在项目制定时期 千万要设计好不要有ScrollView嵌套ListView的相关需求

如果确实需要一些UI效果

比如 下图这样 可以考虑使用新控件CoordinatorLayout



文/Daemon1993(简书作者)
原文链接:http://www.jianshu.com/p/227c69308975
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


如果大家要用到这种可以考虑listview加header或者recycleview加header 新控件我也想用但是公司没给学习的机会 苦逼啊  而且大家可以参考开源项目地址如下https://github.com/Mrxyx/StickyHeaderListView 



下载前可以先看下教程 https://pan.quark.cn/s/a4b39357ea24 在网页构建过程中,表单(Form)扮演着用户与网站之间沟通的关键角色,其主要功能在于汇集用户的各类输入信息。 JavaScript作为网页开发的核心技术,提供了多样化的API和函数来操作表单组件,诸如input和select等元素。 本专题将详细研究如何借助原生JavaScript对form表单进行视觉优化,并对input输入框与select下拉框进行功能增强。 一、表单基础1. 表单组件:在HTML语言中,<form>标签用于构建一个表单,该标签内部可以容纳多种表单组件,包括<input>(输入框)、<select>(下拉框)、<textarea>(多行文本输入区域)等。 2. 表单参数:诸如action(表单提交的地址)、method(表单提交的协议,为GET或POST)等属性,它们决定了表单的行为特性。 3. 表单行为:诸如onsubmit(表单提交时触发的动作)、onchange(表单元素值变更时触发的动作)等事件,能够通过JavaScript进行响应式处理。 二、input元素视觉优化1. CSS定制:通过设定input元素的CSS属性,例如border(边框)、background-color(背景色)、padding(内边距)、font-size(字体大小)等,能够调整其视觉表现。 2. placeholder特性:提供预填的提示文字,以帮助用户明确输入框的预期用途。 3. 图标集成:借助:before和:after伪元素或者额外的HTML组件结合CSS定位技术,可以在输入框中嵌入图标,从而增强视觉吸引力。 三、select下拉框视觉优化1. 复选功能:通过设置multiple属性...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值