开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

ConstraintLayout RecyclerView显示在BottomNavigationView下

ConstraintLayout是一种灵活的布局容器，用于在Android应用程序中创建复杂的用户界面。它允许开发人员通过定义视图之间的约束关系来构建自适应和可扩展的布局。

RecyclerView是Android提供的一个强大的视图容器，用于在列表或网格形式中显示大量数据。它通过重用视图来提高性能，并且可以与不同的布局管理器配合使用，以实现不同的布局效果。

在BottomNavigationView下显示RecyclerView可以通过以下步骤实现：

在布局文件中，使用ConstraintLayout作为根布局容器，并将BottomNavigationView和RecyclerView作为其子视图。
使用约束关系将BottomNavigationView固定在底部，并将RecyclerView与其余部分进行约束。可以使用以下属性来定义约束关系：
- app:layout_constraintTop_toTopOf：将视图的顶部与另一个视图的顶部对齐。
- app:layout_constraintBottom_toTopOf：将视图的底部与另一个视图的顶部对齐。
- app:layout_constraintStart_toStartOf：将视图的开始位置与另一个视图的开始位置对齐。
- app:layout_constraintEnd_toEndOf：将视图的结束位置与另一个视图的结束位置对齐。

以下是一个示例布局文件的代码：

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottomNavigationView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:menu="@menu/bottom_navigation_menu" />

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toTopOf="@id/bottomNavigationView"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

在这个示例中，BottomNavigationView被固定在布局的底部，而RecyclerView则填充了剩余的空间。

推荐的腾讯云相关产品：腾讯云移动直播（https://cloud.tencent.com/product/mlvb）可以用于实时音视频直播场景，提供了丰富的功能和工具，帮助开发人员快速构建高质量的移动直播应用。

相关搜索:ConstraintLayout中未显示RecyclerView ConstraintLayout中的RecyclerView。在屏幕上仅显示完全可见的项目 ConstraintLayout中的RecyclerView显示不正确 ConstraintLayout在RecyclerView ViewHolder中的性能 Firestore数据不会显示在RecyclerView中 RecyclerView在滚动之前不会显示项目使ConstraintLayout组件在简单的UI中填充整个显示使用cardview在recyclerview中显示json数据使用ConstraintLayout在横向模式下居中对齐ImageButton 在BottomNavigationView中添加4个菜单(项目)时显示错误

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Android Notes｜BottomNavigationView 爱上 Lottie

而关于选中状态切换时，对应标题字体大小发生改变以及导航栏高度，都可以通过在 dimens 定义如下解决： <!...需要单独说明的属性： app:labelVisibilityMode：item 标签显示模式 auto：item 少于等于 3 个时，标题处于显示状态；大于等于 4 个，选中才显示标题； selected...：选中才显示标题； labeled：标题一直显示； unlabeled：只显示 icon，不显示标题。...= bottomNavigationView composition = result.value } } /** * 获取不同模式下 Lottie json 文件 */...> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res

3.7K2 1

实践 | Google IO 应用是如何适配大尺寸屏幕 UI 的？

其中在 res/layout 目录下的布局中包含了 BottomNavigationView，而在 res/layout-w720dp 目录下的布局中则包含了 NavigationRailView。...这种布局方式带来的一个特别的挑战是，同一台设备在不同的配置下可能有不同的最佳显示方式，比如平板电脑竖屏对比横屏显示就有差异。...双窗格会一直存在，但根据屏幕的尺寸，第二窗格可能不会显示在可视范围当中。只有在给定的窗格宽度下仍然有足够的空间时，SlidingPaneLayout 才会同时将两者显示出来。...经过一些实验，我们发现即使是在大屏幕的平板上，竖屏模式同时显示出双窗格内容会使得信息的显示过于密集，所以这两个宽度值可以保证只在横屏模式下才同时展现全部窗格的内容。...资源限定符的局限搜索应用栏也在不同屏幕内容下显示不同内容。

2K2 0

Android-Jetpack笔记-Navigation之Fragment使用

是一种导航的概念，即把Activity和fragment当成一个个的目的地Destination，各目的地形成一张导航图NavGraph，由导航控制器NavController来统一调度跳转，本文会先简单分析下AS...先看下布局文件， <!...app:defaultNavHost="true" app:navGraph="@navigation/mobile_navigation" /> </androidx.constraintlayout.widget.ConstraintLayout...bottomNavigationView, final NavController navController) { //设置底部导航的点击事件 bottomNavigationView.setOnNavigationItemSelectedListener...return onNavDestinationSelected(item, navController); } }); //在目的地发生切换的时候

1.5K3 0

自定义View：手撸一个带FAB凹槽的底部导航栏

由于谷歌官方有现成的导航相关组件BottomNavigationView和Navigation组件，一般来说如果没什么特殊需求的话只需要自己定义下导航路由图和底部导航菜单menu文件，定义导航item...，由于只需要显示两个导航item，另外需要在导航栏的中间给大按钮预留个空位，于是在导航栏的menu文件中将中间item的图标和文字都去掉，并将enabled设成false，禁用点击事件即可： //bottom_nav_menu.xml...attr/actionBarSize"> <androidx.constraintlayout.widget.ConstraintLayout android:layout_width...@id/nav_host_fragment_activity_main" app:menu="@menu/bottom_nav_menu" /> </androidx.constraintlayout.widget.ConstraintLayout...假设按钮在垂直方向上的当前位移距离大小为d，当按钮向上运动时导航栏上的凹槽应该往中间收缩，在收缩过程中保持两旁小圆半径大小和30°夹角不变，这时另中间圆的圆心同步在垂直方向上移动-d，动态修改distance

771 0

Android BottomNavigationView的最新用法

Android 的技术更新的太快了，比如：kotlin、jetpack 等等，要学习的东西实在是太多了，今天我就来介绍一下 BottomNavigationView 的最新用法以及注意事项。...先来看一下效果图吧： 1.gif 一、导入需要的依赖包在 app 的 build.gradle 文件中导入以下依赖包： implementation 'com.google.android.material...> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com...layout_constraintTop_toTopOf="parent" app:navGraph="@navigation/nav_graph" /> </androidx.constraintlayout.widget.ConstraintLayout...三、创建 bottom_nav_menu.xml 在 res 目录下的 menu 目录创建 bottom_nav_menu.xml，如： <?

8581 0

Android RecyclerView使用简述

七、RecyclerView多级列表使用 RecyclerView的item有时候又会包裹一个RecyclerView，类似于QQ的分组，分组是一个列表，分组的item可以展开，展开后是一个列表，里面是显示该分组下的人员的...> 这个item布局里面就是放了RecyclerView，正常情况下这个RecyclerView隐藏，可以通过点击group的布局控制RecyclerView显示或隐藏，里面还用了一个图标来增加显示和隐藏的效果...，对RecyclerView是否隐藏做判断，首先是修改图标，然后是修改RecyclerView是显示还是隐藏，也是比较简单的代码，但是有效，这里的点击事件处理在适配器中处理会更简单，所以就直接处理了。...八、RecyclerView动态更改数据之前我们显示数据都是直接显示的，后面在使用过程中并没有对数据进行更改，那么下面我们来进行更改试试看。..."取消" : "编辑"); }); } } 在点击编辑时调用适配器setShow()，然后控制底部的TextView显示，顺便修改一下tvEdit文字，运行一下看看。

2.2K2 1

【Jetpack】DataBinding 架构组件 ⑥ ( RecyclerView 数据绑定 )

一、RecyclerView 数据绑定核心要点 1、启用数据绑定 / 导入依赖在 RecyclerView 中 , 如果要使用 DataBinding 架构组件进行数据绑定 , 首先要启用 DataBinding..., 并导入 RecyclerView 依赖 , 在 Module 模块下的 build.gradle 构建脚本中 , 配置如下内容 : android { // 启用 DataBinding 数据绑定..., 因此需要将条目布局设置为 DataBinding 布局 ; 创建 item.xml 布局后 , 将光标放置在第一个字符位置 , 按下 Alt + 回车 , 弹出如下下拉菜单 , 选择 " Convert...数据绑定源码示例 ---- 1、build.gradle 构建脚本 ( 启用数据绑定 / 导入依赖 ) 在 Module 模块下的 build.gradle 构建脚本中 , 主要是启用 DataBinding...Student 数据类 ; 在 DataBinding 布局中 , 绑定了 kim.hsl.databinding_demo.Student 类型的数据 , 在 TextView 中显示该绑定数据类对象的

6182 0

nmon在secureCRT下显示乱码问题

# 背景下载安装了nmon，结果发现显示有问题，如下 # 解决猜测应该是字体编码问题，查阅了解后，是因为CRT设置问题，需要修改下配置，（之前试用xshell比较棒，但公司禁止试用），如下修改然后重新连接

1.1K6 0

android-主题引擎-实现换肤功能-Android-skin-support「 ximsfei 」

：（欢迎 star ） ---- 使用过程中踩坑无数，这里一一解释下首先添加依赖 implementation 'skin.support:skin-support:3.1.1'...控件支持[可选] 记得在 android{} 里加上这一句： sourceSets { main { res.srcDirs = ['src/main/res', 'src/main...= new BottomNavigationView.OnNavigationItemSelectedListener() { @Override...main/assets/skins 皮肤的制作方法：点击跳转 -> https://blog.csdn.net/k393393/article/details/78781730 ---- 皮肤引入：在...src/main/ 下新建 /assets/skins 文件夹，将皮肤文件拖入（记得皮肤后缀 .skin ） ---- 测试换肤效果： @Override protected void onCreate

1.2K3 0

RecyclerView多布局写法，“我的”、“个人中心” 页面经典写法演示

其实多布局都是一个套路，根据类型去引入layout，本文以RecyclerView为例，以BaseRecyclerViewAdapterHelper为辅演示多布局的写法。...稍微过一下吧。。...YUtils.showToast("立即充值"); break; } } }); } 如果考虑到在GridLayoutManager...setOnItemChildClickListener，item里面的子view点击事件 item点击的时候，角标（徽章）消失，然后局部刷新 4.Bean 实体类必须实现MultiItemEntity，在设置数据的时候...在构造里面addItemType绑定type和layout的关系 public class MultipleItemQuickAdapter extends BaseMultiItemQuickAdapter

8403 0

RecyclerView使用_recyclerview是什么

第三步：逻辑代码完整代码 RecyclerView概述 RecyclerView是官方在5.0之后新添加的控件，推出用来替代传统的ListView和GridView列表控件。...**方法2：**在build.gradle文件中添加依赖 implementation 'androidx.recyclerview:recyclerview:1.1.0' Jetbrains...全家桶1年46，售后保障稳定第二步：添加布局文件在布局文件activity_main.xml中先添加RecyclerView控件 <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res...); mRecyclerView.setLayoutManager(layoutManager); 网格布局管理器如果让一行显示多个，可以设置 GridLayoutManager网格布局管理器来实现

1.3K3 1

Recyclerview竟能如此丝滑，这14个优化策略不容错过...

本文将介绍一些优化技巧，帮助大家提升RecyclerView的性能，使其在各种情况下都能保持流畅。...滑动优化: 在滑动过程中，尽可能的减少耗时操作，避免影响滑动效果。预加载: 预加载即将显示的视图，提高展示性能。内存优化: 减少内存的消耗，合理释放内存，避免内存泄漏。...如果Item高度不固定或者会发生变化，应该避免使用该方法，否则可能导致布局显示异常。....setRecycledViewPool(recycledViewPool) 这种做法特别适用于多个RecyclerView之间的数据或布局结构有较大相似性的情况下，通过共享RecycledViewPool...的性能，使其在各种情况下都能保持流畅。

3961 0

【RecyclerView】一、RecyclerView 最基本用法 ( 添加支持库 | 设置布局文件 | 自定义适配器 )

---- 在 Module 中的 build.gradle 的 dependencies 中配置 RecyclerView 的依赖库 ; dependencies { implementation...> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk...android:layout_width="match_parent" android:layout_height="match_parent"/> </androidx.constraintlayout.widget.ConstraintLayout...parent, false); return new ViewHolder(root_view); } /** * 设置每个列表项的显示内容...parent, false); return new ViewHolder(root_view); } /** * 设置每个列表项的显示内容

9991 0

安卓Navigation系列——进阶篇

> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res...app:layout_constraintRight_toRightOf="parent" app:menu="@menu/bottom_nav_menu" /> (); } NavGraph继承了NavDestination，NavDestination其实就是nav_graph.xml中navigation下的一个个节点...读懂源码才是最重要的，现在再总结一下navigator进行页面切换的原理：首先需要一个承载页面的容器NavHost，这个容器有个默认的实现NavHostFragment NavHostFragment

2.9K3 0

Android基于DataBinding封装RecyclerView实现快速列表开发

前言在移动应用开发中，列表组件是一个非常常见的 UI 组件，绝大多数应用开发中都会使用到列表组件进行界面的开发，在 Android 开发中列表组件一般使用官方提供的 RecyclerView ，而...3.3 简单使用先看一下结合 MVVM 架构如何快速实现简单的列表数据显示以及列表数据更新功能。...layoutManger，在实际开发中经常有小伙伴忘记设置这个属性导致列表不显示而排查半天原因浪费大量的时间 3.3.4 Activity 中使用接下来就是在 Activity 中使用了，即加载第...运行一下看一下效果： 3.4 item 点击事件 item 的点击事件处理是列表开发中常见的事件处理，如点击列表 item 跳转到对应的详情页，ardf也对 item 的点击事件进行了封装，只需要在...最后在页面布局中的 RecyclerView 上配置 itemViewType 属性，如下： <androidx.recyclerview.widget.RecyclerView

2.6K3 0

Android Navigation + Fragment 制作APP主页面导航（步骤 + 源码）

NavController：在得知切换目标时，控制NavHost去显示B这个Fragment。这么一说，你是否有一些理解了呢？ 2....然后在layout新建一个布局fragment_b.xml ? 然后修改一下这个布局 <?xml version="1.0" encoding="utf-8"?...这个是用来控制NavHost显示Fragment，虽然我刚才在导航图nav_graph.xml中指明了第一个要显示的Fragment，但是它还缺少这个显示的动机，而这个动机由NavController来提供...明明这个NavController还什么都没有做的，为什么就可以显示了呢？实际上它已经在工作了，只是你没有注意而已。...，然后显示在NavHostFragment中。

8.7K4 2

常用Android布局文件优化技巧总结

在使用 include 标签的同时，还可以使用 android:visibility 属性来指定布局的显示和隐藏。...> 在使用 ConstraintLayout 时，需要注意适配不同的设备尺寸和分辨率，同时也要考虑到应用程序的性能和交互体验。...使用 RecyclerView 来优化列表布局。在应用程序中，列表布局是最常用的视图之一。...使用 RecyclerView 的示例代码如下： <androidx.recyclerview.widget.RecyclerView android:id="@+id/recyclerView..." android:layout_width="match_parent" android:layout_height="match_parent"/> 在使用 RecyclerView

1942 0

Android之ScrollView和RecyclerView滑动冲突问题，GridView在NestedScrollView失去高度显示不全，

-- 传统scrollview和RecyclerView滚动冲突 --> <androidx.recyclerview.widget.RecyclerView...getActivity()) { @Override public boolean canScrollVertically() { return false; }});如果无法解决，在布局文件中的...RecycleView的外部套一个RelativeLayoutGridView在NestedScrollView失去高度显示不全在使用Android的ScrollView里面嵌套GridView时，设置...android:layout_height="wrap_content"属性，运行界面的效果不会出现全部数据，即GridView会显示不全。

1.4K8 0

Android:流式布局实现总结

在添加的时候需要动态的计算行数，以及行中剩余宽度是否可以展示目标条目。...但是在构建对象时必须指定行或者列，这样就导致内容超过屏幕宽度或者高度时，并不会主动换行——而是优先适配行数或列数，然后滚动显示。...所以，在这中方式下，如果我们想要实现超过宽度或者高度就主动换行的效果就做不到了。...> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res

3.4K2 0

android之RecyclerView.Adapter介绍

RecyclerView.Adapter 在使用 RecyclerView 这个强大的滚动控件的时候，需要为它提供一个 Adapter 适配器，这个适配器继承自 RecyclerView.Adapter...> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res...tools:layout_editor_absoluteX="237dp" tools:layout_editor_absoluteY="314dp" /> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk...android:layout_height="wrap_content" android:text="Button" /> </androidx.constraintlayout.widget.ConstraintLayout

2.4K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭