Android Tv版嵌套滑动实现极光云视听顶部导航效果
通过这篇文章您可以和小王一起:
-
了解嵌套滑动的流程,原理
-
自定义Behavior的原理。
-
简单的实现TV版的嵌套滑动
小王最近很开心,上次快速的解决了可与提出的焦点问题。小王明显感觉 到了客户对自己的信任增加。最近客户又提出想要实现极光云视听Tv的顶部导航效果。页面焦点下滑的时候自动隐藏顶部,待滑动到顶部的时候又自动 展示出来。
极光云视听导航展开效果:
极光云视听收起效果:
看了具体的实现效果,小王判断这个功能实现非常简单。直接使用CoordinatorLayout+AppBarLayout应该非常简单就实现了。毕竟以前自己在手机上做过类似的效果。so Easy。但是在实践的过程中确出现了问题。
小王写下了下面的布局代码,
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout
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">
<com.google.android.material.appbar.AppBarLayout
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:clipToPadding="false"
android:clipChildren="false"
android:theme="@style/ThemeOverlay.AppCompat">
<TextV