Android导航栏滑动折叠效果

最新推荐文章于 2023-11-09 16:30:27 发布

巨型果子狸

最新推荐文章于 2023-11-09 16:30:27 发布

阅读量1.8k

点赞数

文章标签： android NestedScrollingParent 折叠 nestedscrollingchild folder

本文链接：https://blog.youkuaiyun.com/subanxian/article/details/89642139

版权

本项目提供了一个基于NestedScrollingParent实现的导航栏滑动折叠效果的ViewGroup组件，可在Android项目中轻松集成。通过在XML布局文件中声明特定ID的View，如fold_nav_layout、fold_tab_layout和fold_content_layout，即可实现导航栏随滚动方向显示或隐藏的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目地址

https://github.com/oneAcorn/FoldNavScrollLayout
-------------------------------------------------------------------我是分割线---------------------------------------------------------------------

使用NestedScrollingParent实现的导航栏滑动折叠效果的ViewGroup

在这里插入图片描述

一引用方法

1.在root build.gradle中加入

allprojects {
		repositories {
			...
			maven { url 'https://jitpack.io' }
		}
	}

2.在项目的 build.gradle中加入

dependencies {
	        implementation 'com.github.oneAcorn:FoldNavScrollLayout:1.0'
	}

二使用方法

1.在xml中声明(FoldNavScrollLayout内的View只是示例,只要id是对的就行)

<?xml version="1.0" encoding="utf-8"?>
<com.acorn.library.FoldNavScrollLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <RelativeLayout
        android:id="@id/fold_nav_layout"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:background="#ffffff"/>

    <android.support.design.widget.TabLayout
        android:id="@id/fold_tab_layout"
        android:layout_width="match_parent"
        android:layout_height="34dp"
        />

    <android.support.v4.view.ViewPager
        android:id="@id/fold_content_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />
</com.acorn.library.FoldNavScrollLayout>

请注意,FoldNavScrollLayout内第一层childView需要至少有3个如下id的View存在

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <item name="fold_nav_layout" type="id"/>
    <item name="fold_tab_layout" type="id"/>
    <item name="fold_content_layout" type="id"/>
</resources>