Android studio中使用NestedScrollView实现页面可上下滚(滑)动

于 2024-06-10 08:34:02 发布
阅读量575 收藏 16
点赞数 13
文章标签： android studio android xml ui java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_73830179/article/details/139569430
版权

一、引言

NestedScrollView 即 支持嵌套滑动的 ScrollView。

因此，我们可以简单的把 NestedScrollView 类比为 ScrollView，其作用就是作为控件父布局，从而具备（嵌套）滑动功能。

NestedScrollView 与 ScrollView 的区别就在于 NestedScrollView 支持 嵌套滑动，无论是作为父控件还是子控件，嵌套滑动都支持，且默认开启。

因此，在一些需要支持嵌套滑动的情景中，比如一个 ScrollView 内部包裹一个 RecyclerView，那么就会产生滑动冲突，这个问题就需要你自己去解决。而如果使用 NestedScrollView 包裹 RecyclerView，嵌套滑动天然支持，你无需做什么就可以实现前面想要实现的功能了。

二、下面做一下实例，希望能够帮助到你理解NestedScrollView的使用方法：

首先要在确定要滚动的区域：

找到要添加滚动的xml布局文件，在将要 添加滚动的区域添加一个约束布局：

然后添加以下代码，实现滚动：

<androidx.core.widget.NestedScrollView
            android:id="@+id/nestedScrollView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#FFFFFF"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent">

            <androidx.constraintlayout.widget.ConstraintLayout
                android:id="@+id/constraintLayout2"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_marginBottom="0dp"
                android:background="#FFFFFF"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintHorizontal_bias="0.0"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintVertical_bias="0.0">

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:id="@+id/xx"
                    android:layout_width="match_parent"
                    android:layout_height="900dp"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintLeft_toRightOf="parent"
                    app:layout_constraintTop_toTopOf="parent">
                    
                </androidx.constraintlayout.widget.ConstraintLayout>
            </androidx.constraintlayout.widget.ConstraintLayout>
        </androidx.core.widget.NestedScrollView>

添加好代码后，就可将要滑动滚动的内容放入NestedScrollView中了，这里演示以下简单的效果：

 

完整xml代码：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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="match_parent"
    tools:context=".MainActivity">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/constraintLayout"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_marginTop="1dp"
        android:background="#6750A4"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <TextView
            android:id="@+id/textView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="下面是可滑动的区域"
            android:textColor="#FFFFFF"
            android:textSize="16sp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />
    </androidx.constraintlayout.widget.ConstraintLayout>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="750dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/constraintLayout">

        <androidx.core.widget.NestedScrollView
            android:id="@+id/nestedScrollView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#FFFFFF"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent">

            <androidx.constraintlayout.widget.ConstraintLayout
                android:id="@+id/constraintLayout2"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_marginBottom="0dp"
                android:background="#FFFFFF"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintHorizontal_bias="0.0"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintVertical_bias="0.0">

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:id="@+id/xx"
                    android:layout_width="match_parent"
                    android:layout_height="900dp"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintLeft_toLeftOf="parent"
                    app:layout_constraintLeft_toRightOf="parent"
                    app:layout_constraintTop_toTopOf="parent">

                    <androidx.constraintlayout.widget.ConstraintLayout
                        android:id="@+id/constraintLayout4"
                        android:layout_width="match_parent"
                        android:layout_height="0dp"
                        android:background="#F34C4C"
                        app:layout_constraintBottom_toTopOf="@+id/constraintLayout3"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toTopOf="parent">

                        <TextView
                            android:id="@+id/textView2"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:text="hello mumu1"
                            android:textColor="#FFFFFF"
                            android:textSize="20sp"
                            app:layout_constraintBottom_toBottomOf="parent"
                            app:layout_constraintEnd_toEndOf="parent"
                            app:layout_constraintStart_toStartOf="parent"
                            app:layout_constraintTop_toTopOf="parent" />
                    </androidx.constraintlayout.widget.ConstraintLayout>

                    <androidx.constraintlayout.widget.ConstraintLayout
                        android:id="@+id/constraintLayout3"
                        android:layout_width="match_parent"
                        android:layout_height="0dp"
                        android:background="#448AFF"
                        app:layout_constraintBottom_toTopOf="@+id/constraintLayout5"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toBottomOf="@+id/constraintLayout4">

                        <TextView
                            android:id="@+id/textView3"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:text="hello mumu2"
                            android:textColor="#FFFFFF"
                            android:textSize="20sp"
                            app:layout_constraintBottom_toBottomOf="parent"
                            app:layout_constraintEnd_toEndOf="parent"
                            app:layout_constraintStart_toStartOf="parent"
                            app:layout_constraintTop_toTopOf="parent" />
                    </androidx.constraintlayout.widget.ConstraintLayout>

                    <androidx.constraintlayout.widget.ConstraintLayout
                        android:id="@+id/constraintLayout5"
                        android:layout_width="match_parent"
                        android:layout_height="0dp"
                        android:background="#18FFFF"
                        app:layout_constraintBottom_toTopOf="@+id/constraintLayout6"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toBottomOf="@+id/constraintLayout3">

                        <TextView
                            android:id="@+id/textView4"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:text="hello mumu3"
                            android:textColor="#FFFFFF"
                            android:textSize="20sp"
                            app:layout_constraintBottom_toBottomOf="parent"
                            app:layout_constraintEnd_toEndOf="parent"
                            app:layout_constraintStart_toStartOf="parent"
                            app:layout_constraintTop_toTopOf="parent" />
                    </androidx.constraintlayout.widget.ConstraintLayout>

                    <androidx.constraintlayout.widget.ConstraintLayout
                        android:id="@+id/constraintLayout6"
                        android:layout_width="match_parent"
                        android:layout_height="0dp"
                        android:background="#FFD740"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toBottomOf="@+id/constraintLayout5">

                        <TextView
                            android:id="@+id/textView5"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:text="hello mumu4"
                            android:textColor="#FFFFFF"
                            android:textSize="20sp"
                            app:layout_constraintBottom_toBottomOf="parent"
                            app:layout_constraintEnd_toEndOf="parent"
                            app:layout_constraintStart_toStartOf="parent"
                            app:layout_constraintTop_toTopOf="parent" />
                    </androidx.constraintlayout.widget.ConstraintLayout>
                </androidx.constraintlayout.widget.ConstraintLayout>
            </androidx.constraintlayout.widget.ConstraintLayout>
        </androidx.core.widget.NestedScrollView>

    </androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

三、注意：

  • NestedScrollView主要用于非列表（除ListView和RecyclerView）间的滑动比较好；
  • NestedScrollView嵌套RecyclerView会导致复用失效，看了很多网友的帖子，一直没有很好的解决方案；
  • 如果RecyclerView数据量很少，可以复用的；
  • 建议给RecyclerView添加头部和尾部的方式，弃用NestedScrollView；
波士顿的木木
关注
  • 13
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详细了解AndroidStudio
qq_45926254的博客
03-18 5440
在安卓系统中，有着许许多多的广播，例如系统开机，系统将会发送一条广播,电量过低，系统也就会发送一条广播，网络改变，电量变化等等。在Android中UI组件其像素单位有：px(像素)，in(英寸)，mm(毫米)，pt(磅，1/72英寸)，dp(与设备无关的显示单位)，dip(就是dp)，sp(用于设置字体大小)。另外，我们需要注意的是，在xml布局文件中，当我们使用dp为单位时，我们如果要在代码中修改大小，我们需要转换一下，因为 Android中用于设置大小的函数都以px为单位。然后在包中创造活动的实体类。
Android Studio 3.5.2 Java如何实现横向上下滑动ScrollView，完整项目可以直接编译运行
03-02
Android Studio 3.5.2 Java如何实现横向上下滑动ScrollView，完整项目可以直接编译运行
Android上下滚动跑马灯
XSD_Andy的博客
09-14 936
Android 上下滚动跑马灯1.ScrrollTextView.java注意点：2.widget_scroll_text_layout.xml3.具体调用 思路就是2个TextView 利用属性动画上下切换，延迟发送线程触发下次滚动。 代码如下： 1.ScrrollTextView.java public class ScrollTextView extends LinearLayout { private TextView mBannerTV1; private TextView mB
Android 上下滚动（跑马灯）效果实现
最新发布
2401_84538612的博客
04-26 302
今天关于面试的分享就到这里，还是那句话，有些东西你不仅要懂，而且要能够很好地表达出来，能够让面试官认可你的理解，例如Handler机制，这个是面试必问之题。有些晦涩的点，或许它只活在面试当中，实际工作当中你压根不会用到它，但是你要知道它是什么东西。最后在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司20年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。还有。
AndroidStudio入门基础(一)——基础布局
热门推荐
qq_42183184的博客
09-08 8万+
写在前面： 上学期学习了Android，从一开始的什么都不懂到后来成功做出一个课程设计作品，回忆起来一路还是充满坎坷和辛酸泪的啊。 遗忘是可怕的，为了防止以后把好不容易学到的东西忘得一干二净，我打算写一系列的AndroidStudio教程记录一些有用的知识点，当然，我会从最基础的地方写起，希望可以帮助到一些初学者~ 最后，如果时间和精力允许的情况下，我会一步步的还原我的课程设计 (...
Android Studio 知识汇总
m0_71974206的博客
05-31 1804
例如，如果您输入一个方法名称，Android Studio会自动为您添加该方法的括号和引号，并将光标放在引号之间，以便您立即开始键入方法参数。代码提示：当您输入代码时，Android Studio会自动弹出一个下拉框，显示与您输入的内容匹配的可能性最高的代码。需要注意的是，调试和运行应用程序的步骤可能因Android Studio的不同版本而有所不同。根据你的操作系统选择下载对应的安装文件。安装完成后，你可以探索Android Studio的丰富功能和工具，开始开发Android平台的应用程序。
AndroidStudio安装APP调试出现Installation did not succeed报错原因分析
cug-jdc的博客
01-05 9101
今天做APP安装调试，发现始终无法安装成功，一直报错如下： Installation did not succeed. The application could not be installed: INSTALL_FAILED_USER_RESTRICTED 原因分析1： 上面显示安装程序失败，原因在于用户权限不够。单词restricted : 受限制的 此时，我的开发者选项已经开启，并且windows系统和android studio已经能够识别我的设备了，但还是报了这样的错误。 解决办法1
Android StaggeredGridLayoutManager布局RecyclerView在滚动状态可见范围刷新数据
Zhang Phil
04-16 4279
Android StaggeredGridLayoutManager布局RecyclerView在滚动状态可见范围刷新数据之所以把StaggeredGridLayoutManager布局的RecyclerView单列出来处理滚动状态下可见（可视）范围内的数据更新问题，是因为在StaggeredGridLayoutManager布局下的RecyclerView，对于第一个可视item和最后一个可视i...
Android studio有关侧滑的实现代码
08-19
Android Studio 侧滑实现代码是 Android 应用程序开发中非常重要的一个知识点。本文将详细介绍 Android Studio 侧滑实现代码的相关知识点，包括侧滑的基本概念、实现侧滑的步骤、侧滑的常见问题解决方案等。 侧滑的...
Android Studio多个按钮跳转多个页面，利用选项卡功能实现
03-31
实现测试页上的五个标签，单击实现不同页面的跳转。
Androidstudio实现页面跳转和传递参数
11-04
在Androidstudio上写app，实现多页面跳转和传递参数，用bundle存取数据，可以在返回时把参数值带回来，避免丢失，顺利完成传参
Android嵌套滚动NestedScroll的实现了解一下
01-04
其实嵌套滚动已经算一个比较常见的特效了,下面这个动图就是嵌套滚动的一个例子: 看到这个动效,大家可能都知道可以用CoordinatorLayout去实现.其实CoordinatorLayout是基于NestedScroll机制去实现的,而我们直接通过NestedScroll机制也能很方便的实现这个动效. 原理 NestedScroll的其实很简单. 一般的触摸消息的分发都是从外向内的,由外层的ViewGroup的dispatchTouchEvent方法调用到内层的View的dispatchTouchEvent方法. 而NestedScroll提供了一个反向的机制,内层的view在接收到ACT
解决Android ListView滚动布局错位
03-27
ListView对应多个布局的实现方式。ListView滚动中布局错误的解决方案,博客中对于的介绍博文
NestedScrollView和RecyclerView使用
09-07
NestedScrollView和RecyclerView使用
Android studio实现滑动开关
08-24
在这个资源中，我们将详细介绍如何使用 Android Studio 实现滑动开关。 滑动开关是 Android 应用程序中的一个常见控件，它允许用户在两个状态之间切换。例如，在音乐播放器应用程序中，滑动开关可以用来切换播放和...
基础复习——线性布局LinearLayout——相对布局RelativeLayout——网格布局GridLayout——滚动视图ScrollView...
小白龙白龙马的博客
07-30 709
线性布局LinearLayout 线性布局内部的各视图有两种排列方式： (1)orientation属性值为horizontal时，内部视图在水平方向从左往右排列。 (2)orientation属性值为vertical时，内部视图在垂直方向从上往下排列。 如果不指定orientation属性，则LinearLayout默认水平方向排列。 布局： <LinearLayout xmlns:a...
Android UI布局之更强大的滚动插件 RecycleView
weixin_62654344的博客
03-18 290
介绍RecycerView的基本用法
Android有哪几种布局
QYgujingjing的专栏
08-02 502
Android有哪几种布局
android滚动线性布局,android使用 ScrollerView 实现 可上下滚动的分类栏实例
weixin_34476045的博客
05-26 1678
如果不考虑更深层的性能问题，我个人认为ScrollerView还是很好用的。而且单用ScrollerView就可以实现分类型的RecyclerView或ListView所能实现的效果。下面我单单从效果展示方面考虑，使用ScrollerView实现如下图所示的可滚动的多条目分类，只是为了跟大家一起分享一下新思路。(平时：若从复用性等方面考虑，这显然是存在瑕疵的~)特点描述：1.可上下滚动2.有类似于...
Android studio在xml中无法使用NestedScrollView
05-11
NestedScrollView 是一个支持嵌套滚动的ScrollView，它可以在滚动子 View 时同步滚动父 View。在 Android Studio 中使用 NestedScrollView 需要在 app/build.gradle 文件中添加如下依赖： ``` implementation 'com.android.support:design:28.0.0' ``` 然后在 XML 布局文件中使用 NestedScrollView 即可，如下所示： ``` <android.support.v4.widget.NestedScrollView android:layout_width="match_parent" android:layout_height="match_parent"> <!-- 嵌套滚动的子 View --> </android.support.v4.widget.NestedScrollView> ``` 需要注意的是，如果你使用的是 androidx 库，那么需要使用如下依赖： ``` implementation 'com.google.android.material:material:1.0.0' ``` 并且在 XML 布局文件中使用 androidx 包下的 NestedScrollView： ``` <com.google.android.material.nestedscrollview.NestedScrollView android:layout_width="match_parent" android:layout_height="match_parent"> <!-- 嵌套滚动的子 View --> </com.google.android.material.nestedscrollview.NestedScrollView> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值