NestedScrollView嵌套viewpager不显示内容的解决方案
创始人
2024-06-03 00:55:50
0

一、概念分析

NestedScrollView里面只能有一个ViewGroup,也就是只允许有一个子节点(允许一个父子节点包含多个子子节点)的存在。
  1. 如果你的NestedScrollView包含了多个子节点就会报错,一般来说,都会在所有子节点的最外层嵌套一个LinearLayout或者其他你业务场景的布局。

子节点:通俗的讲,一个button是一个子节点,一个TextView也是一个子节点,以此类推,每个控件都可以理解为一个子节点

  1. viewpager为什么不能显示内容,无论你是这样设置宽高

android:layout_width="match_parent"
android:layout_height="wrap_content"

还是这样设置宽高,都无法显示

android:layout_width="match_parent"
android:layout_height="match_parent"

但是你给高度设置具体的数值时“android:layout_height=“xxxdp””,才可以显示内容,但是如果你的ViewPager里面的Fragment 拥有一个RecyclerView的时候,固定的数值明显不能从根本上解决问题。

原因:

NestedScrollView 计算高度先于 ViewPager 渲染呈现前,所以 ViewPager 的高度才会一直是0,除非你自己给了固定高度

问题解决方案一:

在NestedScrollView 控件属性中加入
android:fillViewport=“true”

局限是:低于Android 9 以下版本开发的时候

问题解决方案二:

给ViewPager 重写一遍测量,重新给测量高度;
在每次测完后将测量得到的高度保存下来,
下次ViewPager 再切换回来就可以直接设置高度

步骤一:创建自定义的 AutoHeightViewPager 类,继承ViewPager 覆盖重写 计算高度 的onMeasure 方法,并梳理计算和保存原先的高度值等等…

public class AutoHeightViewPager extends ViewPager {private int mHeight = 0;/** 已经获取到的高度下标 : 当前的高度 */private int mCurPosition = 0;/** 当前显示下标 */private int mPosition = 0;/** 按下标存储View历史高度 */private HashMap mChildrenViews = new LinkedHashMap();/** 记录页面是否存储了高度 */private HashMap indexList = new LinkedHashMap();/** 做自适应高度,必须先进行初始化标记 */public void initIndexList(int size) {mHeight = 0;mCurPosition = 0;mPosition = 0;for (int i = 0; i < size; i++) {/** 初始化高度存储状态 */indexList.put(i, false);}}public AutoHeightViewPager(@NonNull Context context) {super(context);}public AutoHeightViewPager(@NonNull Context context, @Nullable AttributeSet attrs) {super(context, attrs);}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {int height = 0;if (indexList.size() > 0) {if (indexList.get(mPosition)) {height = mChildrenViews.get(mPosition);} else {for (int i = 0; i < getChildCount(); i++) {View child = getChildAt(i);child.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));int h = child.getMeasuredHeight();if (h > height) {height = h;}}mHeight = height;}}heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY);super.onMeasure(widthMeasureSpec, heightMeasureSpec);}/*** 在viewpager 切换的时候进行更新高度*/public void updateHeight(int current) {this.mPosition = current;if (indexList.size() > 0) {saveIndexData();if (indexList.get(current)) {int height = 0;if (mChildrenViews.get(current) != null) {height = mChildrenViews.get(current);}LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) getLayoutParams();if (layoutParams == null) {layoutParams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, height);} else {layoutParams.height = height;}setLayoutParams(layoutParams);}this.mCurPosition = current;}}/*** 保存已经测绘好的高度*/private void saveIndexData() {if (!indexList.get(mCurPosition)) {/** 没保存高度时,保存 */indexList.put(mCurPosition, true);mChildrenViews.put(mCurPosition, mHeight);}}
}

步骤二:在xml中引用自定义的控件

 xxx.xxx.xxx是你的自定义控件路径,也就是你AutoHeightViewPager在哪个包下的路径

注意:AutoHeightViewPager类中一定要有

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

不然会报

Android.View.InflateException: Binary XML File Line #异常

步骤三:在你的Activity / Fragment 中引用

         /** 初始化记录是否保存高度的下标 , 注:在重新刷新加载页面的时候,需要对下标进行重新初始化 */viewpager.initIndexList(fragments.size());/** 添加viewpager 切换监听 */viewpager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {@Overridepublic void onPageScrolled(int i, float v, int i1) {}@Overridepublic void onPageSelected(int i) {//在每次切换的时候更新高度viewpager.updateHeight(i);}@Overridepublic void onPageScrollStateChanged(int i) {}});fragments.size() 代表你fragments的数量大小,也可以传入具体的int数值

二、所遇问题

遇到了一个问题: 滑动的时候两边的 Fragment 会跟随 , 就是左边的 Fragment 滑动到一定高度(右边的 Fragment 是不滑动的) , 切换到右边的 Fragment ,发现高度跟左边的 Fragment 滑动的高度一样了 , 反正滑动左右两边的 Fragment , 另一边的都会跟随滑动到一样的高度

分析

下面我们来简单分析下,虽然这个现象很奇怪,但是如果你接触ViewPager较多的话,那么你肯定知道ViewPager是有缓存机制的,也就是默认会预加载左右各一个页面,而我们的demo中,很显然,初次进入的时候,加载第一个页面,同时第二个标签页对应的页面也是会加载的(预加载),而我们的第三个页面却没有预加载,这时候切换,可能导致view还没有加载就直接测量其高度,这时候自然是测量不到的,所以我们可以通过设置初次加载的时候预加载所有的页面来解决这个问题,虽然不优雅。

解决方案

所以我们在代码中只需要给ViewPager加上如下一行代码

viewPager.setOffscreenPageLimit(titleList.size());

相关内容

热门资讯

常用商务英语口语   商务英语是以适应职场生活的语言要求为目的,内容涉及到商务活动的方方面面。下面是小编收集的常用商务...
六年级上册英语第一单元练习题   一、根据要求写单词。  1.dry(反义词)__________________  2.writ...
复活节英文怎么说 复活节英文怎么说?复活节的英语翻译是什么?复活节:Easter;"Easter,anniversar...
2008年北京奥运会主题曲 2008年北京奥运会(第29届夏季奥林匹克运动会),2008年8月8日到2008年8月24日在中华人...
英语道歉信 英语道歉信15篇  在日常生活中,道歉信的使用频率越来越高,通过道歉信,我们可以更好地解释事情发生的...
六年级英语专题训练(连词成句... 六年级英语专题训练(连词成句30题)  1. have,playhouse,many,I,toy,i...
上班迟到情况说明英语   每个人都或多或少的迟到过那么几次,因为各种原因,可能生病,可能因为交通堵车,可能是因为天气冷,有...
小学英语教学论文 小学英语教学论文范文  引导语:英语教育一直都是每个家长所器重的,那么有关小学英语教学论文要怎么写呢...
英语口语学习必看的方法技巧 英语口语学习必看的方法技巧如何才能说流利的英语? 说外语时,我们主要应做到四件事:理解、回答、提问、...
四级英语作文选:Birth ... 四级英语作文范文选:Birth controlSince the Chinese Governmen...
金融专业英语面试自我介绍 金融专业英语面试自我介绍3篇  金融专业的学生面试时,面试官要求用英语做自我介绍该怎么说。下面是小编...
我的李老师走了四年级英语日记... 我的李老师走了四年级英语日记带翻译  我上了五个学期的小学却换了六任老师,李老师是带我们班最长的语文...
小学三年级英语日记带翻译捡玉... 小学三年级英语日记带翻译捡玉米  今天,我和妈妈去外婆家,外婆家有刚剥的`玉米棒上带有玉米籽,好大的...
七年级英语优秀教学设计 七年级英语优秀教学设计  作为一位兢兢业业的人民教师,常常要写一份优秀的教学设计,教学设计是把教学原...
我的英语老师作文 我的英语老师作文(通用21篇)  在日常生活或是工作学习中,大家都有写作文的经历,对作文很是熟悉吧,...
英语老师教学经验总结 英语老师教学经验总结(通用19篇)  总结是指社会团体、企业单位和个人对某一阶段的学习、工作或其完成...
初一英语暑假作业答案 初一英语暑假作业答案  英语练习一(基础训练)第一题1.D2.H3.E4.F5.I6.A7.J8.C...
大学生的英语演讲稿 大学生的英语演讲稿范文(精选10篇)  使用正确的写作思路书写演讲稿会更加事半功倍。在现实社会中,越...
VOA美国之音英语学习网址 VOA美国之音英语学习推荐网址 美国之音网站已经成为语言学习最重要的资源站点,在互联网上还有若干网站...
商务英语期末试卷 Part I Term Translation (20%)Section A: Translate ...