ScrollView嵌套RecyclerView再嵌套RecyclerView导致的布局展示不完整问题

2024-09-05 01:58

本文主要是介绍ScrollView嵌套RecyclerView再嵌套RecyclerView导致的布局展示不完整问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

背景:页面布局,最外层有个ScrollView,然后里面有个RecyclerView,然后每个RecyclerView的item都是一个RecyclerView

异常:页面展示不完整,最底下的Item 展示一半,在往上滑就滑不动了

 

解决:

// 每一个item渲染完后重新计算外层recyclerview高度
// 因为外层的recyclerview是先渲染的,渲染时 内部recyclerview无数据此时高度是0
// 当内部recyclerview 渲染完后要重新计算高度 外部recyclerview才可以撑开//第一步:测量内部recyclerView高度
recommendedRvViewHolder.recyclerView.measure(0, 0);//第二步:重新设置外层的recyclerview高度  已经有的高度 + 新渲染Item的高度 
ViewGroup.LayoutParams params = recyclerView.getLayoutParams();
//这里的30 是布局文件中"为你推荐"、"热门榜单"所在布局的高度 18  + 两个item之间的间距 9  27 取整 30
params.height += recommendedRvViewHolder.recyclerView.getMeasuredHeight() + DensityUtil.dip2px(mContext, 30);
recyclerView.setLayoutParams(params);

看下图:最底下的item展示出来了

 

部分核心的代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@color/common_white"android:orientation="vertical"><include layout="@layout/search_layout"></include><ScrollViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:scrollbars="none"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><com.youth.banner.Bannerandroid:id="@+id/star_film_home_banner"android:layout_width="match_parent"android:layout_height="158dp"android:visibility="invisible" /><LinearLayoutandroid:layout_width="match_parent"android:layout_height="5dp"android:background="@color/film_common_bg_gray" /><android.support.v7.widget.RecyclerViewandroid:id="@+id/star_film_recommend_rv"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="center_horizontal"android:layout_marginTop="10dp"android:overScrollMode="never"android:scrollbars="none" /></LinearLayout></ScrollView>
</LinearLayout>
public class RecommendedListRvAdapter extends RecyclerView.Adapter<RecommendedRvViewHolder> {/*** 查询的每页数量*/private final int PAGE_SIZE = 6;private Context mContext;private List<CategoryObjectV1> cats;private RecyclerView recyclerView;public RecommendedListRvAdapter(Context context, List<CategoryObjectV1> cats, RecyclerView rv) {this.mContext = context;this.cats = cats;this.recyclerView = rv;}@NonNull@Overridepublic RecommendedRvViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {View view = LayoutInflater.from(mContext).inflate(R.layout.recommended_recy_item, null);return new RecommendedRvViewHolder(view);}@Overridepublic void onBindViewHolder(@NonNull final RecommendedRvViewHolder recommendedRvViewHolder, final int i) {try {recommendedRvViewHolder.recommend_item_tv.setText(cats.get(i).getLanguages().get(0).getName());recommendedRvViewHolder.recommend_item_ll.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {//跳转到推荐二级页面Intent intent = new Intent(mContext, StarFilmSecondActivity.class);intent.putExtra(StarConstants.INTENT_CAT_ID, cats.get(i).getId());mContext.startActivity(intent);}});// 设置频道列表数据recommendedRvViewHolder.recyclerView.setLayoutManager(new GridLayoutManager(mContext, 3));recommendedRvViewHolder.recyclerView.addItemDecoration(new DividerGridItemDecoration(mContext, mContext.getResources().getDrawable(R.drawable.recy_custom_divider)));//请求目录下的推荐内容并渲染UIStarCoreVariable.threadPoolUtil.poolExecute(new Runnable() {@Overridepublic void run() {final OndemandContentSimplePageCacheDTO ondemandContentSimplePageCacheDTO = VodService.getInstance().requestVodContentFromServer(ServerConfigLocalConstants.SERVER_UP_URL, cats.get(i).getId(), 1, PAGE_SIZE);MainUIHandler.handler().post(new Runnable() {@Overridepublic void run() {FilmChannelRecyAdapter filmChannelRecyAdapter = new FilmChannelRecyAdapter(mContext, ondemandContentSimplePageCacheDTO);recommendedRvViewHolder.recyclerView.setAdapter(filmChannelRecyAdapter);// 每一个item渲染完后重新计算外层recyclerview高度// 因为外层的recyclerview是先渲染的,渲染时 内部recyclerview无数据此时高度是0// 当内部recyclerview 渲染完后要重新计算高度 外部recyclerview才可以撑开recommendedRvViewHolder.recyclerView.measure(0, 0);ViewGroup.LayoutParams params = recyclerView.getLayoutParams();//这里的30 是布局文件中"为你推荐"、"热门榜单"所在布局的高度 18  + 两个item之间的间距 9  27 取整 30params.height += recommendedRvViewHolder.recyclerView.getMeasuredHeight() + DensityUtil.dip2px(mContext, 30);recyclerView.setLayoutParams(params);}});}});} catch (Exception e) {e.printStackTrace();}}@Overridepublic int getItemCount() {return cats.size();}
}
public class RecommendedRvViewHolder extends RecyclerView.ViewHolder {public LinearLayout recommend_item_ll;public TextView recommend_item_tv;public RecyclerView recyclerView;public RecommendedRvViewHolder(@NonNull View itemView) {super(itemView);recommend_item_ll = itemView.findViewById(R.id.rec_item_all_ll);recommend_item_tv = itemView.findViewById(R.id.rec_item_name_tv);recyclerView = itemView.findViewById(R.id.rec_item_rv);}
}
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="18dp"android:orientation="vertical"><ImageViewandroid:id="@+id/rec_item_iv"android:layout_width="5dp"android:layout_height="14dp"android:layout_centerVertical="true"android:background="@color/film_common_light_red" /><TextViewandroid:id="@+id/rec_item_name_tv"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerVertical="true"android:layout_marginLeft="10dp"android:layout_toRightOf="@id/rec_item_iv"android:textColor="@color/film_common_text_black"android:textSize="@dimen/film_common_text_size_big"tools:text="为你推荐" /><LinearLayoutandroid:id="@+id/rec_item_all_ll"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentRight="true"android:layout_centerVertical="true"android:layout_marginRight="9dp"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:layout_marginRight="4dp"android:text="热门榜单"android:textColor="@color/film_common_text_gray"android:textSize="@dimen/film_common_text_size_small" /><ImageViewandroid:layout_width="8dp"android:layout_height="7dp"android:layout_gravity="center_vertical"android:background="@drawable/common_arrow_right" /></LinearLayout></RelativeLayout><android.support.v7.widget.RecyclerViewandroid:id="@+id/rec_item_rv"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginLeft="9dp"android:layout_marginTop="9dp"android:layout_marginRight="9dp"android:scrollbars="none" /></LinearLayout>

 

这篇关于ScrollView嵌套RecyclerView再嵌套RecyclerView导致的布局展示不完整问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1137651

相关文章

SpringBoot基于注解实现数据库字段回填的完整方案

《SpringBoot基于注解实现数据库字段回填的完整方案》这篇文章主要为大家详细介绍了SpringBoot如何基于注解实现数据库字段回填的相关方法,文中的示例代码讲解详细,感兴趣的小伙伴可以了解... 目录数据库表pom.XMLRelationFieldRelationFieldMapping基础的一些代

Nginx搭建前端本地预览环境的完整步骤教学

《Nginx搭建前端本地预览环境的完整步骤教学》这篇文章主要为大家详细介绍了Nginx搭建前端本地预览环境的完整步骤教学,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录项目目录结构核心配置文件:nginx.conf脚本化操作:nginx.shnpm 脚本集成总结:对前端的意义很多

IDEA和GIT关于文件中LF和CRLF问题及解决

《IDEA和GIT关于文件中LF和CRLF问题及解决》文章总结:因IDEA默认使用CRLF换行符导致Shell脚本在Linux运行报错,需在编辑器和Git中统一为LF,通过调整Git的core.aut... 目录问题描述问题思考解决过程总结问题描述项目软件安装shell脚本上git仓库管理,但拉取后,上l

idea npm install很慢问题及解决(nodejs)

《ideanpminstall很慢问题及解决(nodejs)》npm安装速度慢可通过配置国内镜像源(如淘宝)、清理缓存及切换工具解决,建议设置全局镜像(npmconfigsetregistryht... 目录idea npm install很慢(nodejs)配置国内镜像源清理缓存总结idea npm in

pycharm跑python项目易出错的问题总结

《pycharm跑python项目易出错的问题总结》:本文主要介绍pycharm跑python项目易出错问题的相关资料,当你在PyCharm中运行Python程序时遇到报错,可以按照以下步骤进行排... 1. 一定不要在pycharm终端里面创建环境安装别人的项目子模块等,有可能出现的问题就是你不报错都安装

idea突然报错Malformed \uxxxx encoding问题及解决

《idea突然报错Malformeduxxxxencoding问题及解决》Maven项目在切换Git分支时报错,提示project元素为描述符根元素,解决方法:删除Maven仓库中的resolv... 目www.chinasem.cn录问题解决方式总结问题idea 上的 maven China编程项目突然报错,是

在Ubuntu上打不开GitHub的完整解决方法

《在Ubuntu上打不开GitHub的完整解决方法》当你满心欢喜打开Ubuntu准备推送代码时,突然发现终端里的gitpush卡成狗,浏览器里的GitHub页面直接变成Whoathere!警告页面... 目录一、那些年我们遇到的"红色惊叹号"二、三大症状快速诊断症状1:浏览器直接无法访问症状2:终端操作异常

Spring Boot分层架构详解之从Controller到Service再到Mapper的完整流程(用户管理系统为例)

《SpringBoot分层架构详解之从Controller到Service再到Mapper的完整流程(用户管理系统为例)》本文将以一个实际案例(用户管理系统)为例,详细解析SpringBoot中Co... 目录引言:为什么学习Spring Boot分层架构?第一部分:Spring Boot的整体架构1.1

mybatis直接执行完整sql及踩坑解决

《mybatis直接执行完整sql及踩坑解决》MyBatis可通过select标签执行动态SQL,DQL用ListLinkedHashMap接收结果,DML用int处理,注意防御SQL注入,优先使用#... 目录myBATiFBNZQs直接执行完整sql及踩坑select语句采用count、insert、u

Python爬虫HTTPS使用requests,httpx,aiohttp实战中的证书异步等问题

《Python爬虫HTTPS使用requests,httpx,aiohttp实战中的证书异步等问题》在爬虫工程里,“HTTPS”是绕不开的话题,HTTPS为传输加密提供保护,同时也给爬虫带来证书校验、... 目录一、核心问题与优先级检查(先问三件事)二、基础示例:requests 与证书处理三、高并发选型: