android – 使用AppBarLayout在CoordinatorLayout中滚动显示隐藏BottomNavigationView

android – 使用AppBarLayout在CoordinatorLayout中滚动显示隐藏BottomNavigationView,第1张

概述我试图在一个CoordinatorLayout中同时使用AppBarLayout和BottomNavigationLayout,并且我很难按照 material guideline的要求隐藏BottomNavigationLayout. 我的意思是这样的: <android.support.design.widget.CoordinatorLayout xmlns:android="http:// 我试图在一个CoordinatorLayout中同时使用AppbarLayout和BottomNavigationLayout,并且我很难按照 material guideline的要求隐藏BottomNavigationLayout.

我的意思是这样的:

<androID.support.design.Widget.CoordinatorLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"    xmlns:app="http://schemas.androID.com/apk/res-auto"    androID:orIEntation="vertical"    androID:layout_wIDth="match_parent"    androID:layout_height="match_parent"    androID:fitsSystemwindows="false">    <androID.support.design.Widget.AppbarLayout        androID:ID="@+ID/app_bar"        androID:layout_wIDth="match_parent"        androID:layout_height="wrap_content"        app:layout_insetEdge="top"        androID:theme="@style/Apptheme.AppbarOverlay">        <androID.support.v7.Widget.Toolbar            androID:ID="@+ID/toolbar"            androID:layout_wIDth="match_parent"            androID:layout_height="?attr/actionbarSize"            app:popuptheme="@style/Apptheme.PopupOverlay"            app:layout_scrollFlags="scroll|enteralways"/>    </androID.support.design.Widget.AppbarLayout>    <androID.support.design.Widget.BottomNavigationVIEw        androID:ID="@+ID/bottom_nav"        androID:layout_wIDth="match_parent"        androID:layout_height="56dp"        androID:layout_gravity="bottom"        app:menu="@menu/menu_bottom_navigation"/>    <FrameLayout        androID:ID="@+ID/content_container"        androID:layout_wIDth="match_parent"        androID:layout_height="wrap_content"        androID:layout_gravity="top"        app:layout_behavior="@string/appbar_scrolling_vIEw_behavior"/></androID.support.design.Widget.CoordinatorLayout>

如您所见,我还有一个FrameLayout,用于包含具有实际内容的片段.目前,BottomNavigationVIEw没有默认/内置行为 – 既不是视图本身,也不是它的兄弟.现有的appbar_scrolling_vIEw_behavior与appbar协调处理内容视图,但忽略其他兄弟.

我正在寻找一种隐藏的方法,并在滚动显示appbar和底部导航视图.

解决方法 经过一两天的搜索后,我决定使用附加到BottomNavigationVIEw的自定义 Behavior.它的主要思想是检测何时滚动BottomNavigationVIEw的兄弟,以便它可以隐藏BottomNavigationVIEw.像这样的东西:
public class BottomNavigationBehavior extends CoordinatorLayout.Behavior<BottomNavigationVIEw> {    public BottomNavigationBehavior() {        super();    }    public BottomNavigationBehavior(Context context,AttributeSet attrs) {        super(context,attrs);    }    @OverrIDe    public boolean layoutDependsOn(CoordinatorLayout parent,BottomNavigationVIEw child,VIEw dependency) {        boolean dependsOn = dependency instanceof FrameLayout;        return dependsOn;    }    @OverrIDe    public boolean onStartnestedScroll(CoordinatorLayout coordinatorLayout,VIEw directTargetChild,VIEw target,int nestedScrollAxes) {        return nestedScrollAxes == VIEwCompat.SCRolL_AXIS_VERTICAL;    }    @OverrIDe    public voID onnestedPreScroll(CoordinatorLayout coordinatorLayout,int dx,int dy,int[] consumed) {        if(dy < 0) {            showBottomNavigationVIEw(child);        }        else if(dy > 0) {            hIDeBottomNavigationVIEw(child);        }    }    private voID hIDeBottomNavigationVIEw(BottomNavigationVIEw vIEw) {        vIEw.animate().translationY(vIEw.getHeight());    }    private voID showBottomNavigationVIEw(BottomNavigationVIEw vIEw) {        vIEw.animate().translationY(0);    }}

如您所见,我使用简单的ViewPropertyAnimator,使用子视图的animate方法获得.这导致了一个简单的动画,它与AppbarLayout的行为并不完全匹配,但它足够好看,同时它很容易实现.

我希望在某些时候AndroID团队会在支持库中为BottomNavigationVIEw添加一个默认行为,所以我认为花更多的时间来完全复制AppbarLayout的行为是不合理的.

编辑(2018年4月):有关onStartnestedScroll和onnestedPreScroll及其新版本的详细说明,请参阅注释部分.

总结

以上是内存溢出为你收集整理的android – 使用AppBarLayout在CoordinatorLayout中滚动显示/隐藏BottomNavigationView全部内容,希望文章能够帮你解决android – 使用AppBarLayout在CoordinatorLayout中滚动显示/隐藏BottomNavigationView所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1134593.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)

保存