下滑隐藏上滑显示的Behavior

最新推荐文章于 2019-07-21 09:30:23 发布
最新推荐文章于 2019-07-21 09:30:23 发布
阅读量1.1k 收藏
点赞数
分类专栏： android Behavior 文章标签： Behavior
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a1018875550/article/details/60882310
版权

代码如下:

import android.content.Context;
import android.os.Parcelable;
import android.support.annotation.IntDef;
import android.support.design.widget.CoordinatorLayout;
import android.support.v4.view.WindowInsetsCompat;
import android.util.AttributeSet;
import android.view.View;

import java.lang.annotation.Retention;
import java.lang.annotation.RetentionPolicy;

/**
 * Created by JokAr on 2017/3/2.
 */

public abstract class VerticalScrollingBehavior <V extends View> extends
        CoordinatorLayout.Behavior<V> {

    private int mTotalDyUnconsumed = 0;
    private int mTotalDy = 0;
    @ScrollDirection
    private int mOverScrollDirection = ScrollDirection.SCROLL_NONE;
    @ScrollDirection
    private int mScrollDirection = ScrollDirection.SCROLL_NONE;

    public VerticalScrollingBehavior(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public VerticalScrollingBehavior() {
        super();
    }

    @Retention(RetentionPolicy.SOURCE)
    @IntDef({ScrollDirection.SCROLL_DIRECTION_UP, ScrollDirection.SCROLL_DIRECTION_DOWN})
    public @interface ScrollDirection {
        int SCROLL_DIRECTION_UP = 1;
        int SCROLL_DIRECTION_DOWN = -1;
        int SCROLL_NONE = 0;
    }


    /*
       @return Overscroll direction: SCROLL_DIRECTION_UP,
        CROLL_DIRECTION_DOWN, SCROLL_NONE
   */
    @ScrollDirection
    public int getOverScrollDirection() {
        return mOverScrollDirection;
    }


    /**
     * @return Scroll direction: SCROLL_DIRECTION_UP,
     * SCROLL_DIRECTION_DOWN, SCROLL_NONE
     */

    @ScrollDirection
    public int getScrollDirection() {
        return mScrollDirection;
    }


    /**
     * @param coordinatorLayout
     * @param child
     * @param direction         Direction of the overscroll: SCROLL_DIRECTION_UP, SCROLL_DIRECTION_DOWN
     * @param currentOverScroll Unconsumed value, negative or positive based on the direction;
     * @param totalOverScroll   Cumulative value for current direction
     */
    public abstract void onNestedVerticalOverScroll(CoordinatorLayout coordinatorLayout,
                                                    V child, @ScrollDirection int direction,
                                                    int currentOverScroll, int totalOverScroll);

    /**
     * @param scrollDirection Direction of the overscroll: SCROLL_DIRECTION_UP, SCROLL_DIRECTION_DOWN
     */
    public abstract void onDirectionNestedPreScroll(CoordinatorLayout coordinatorLayout, V child,
                                                    View target, int dx, int dy, int[] consumed,
                                                    @ScrollDirection int scrollDirection);

    @Override
    public boolean onStartNestedScroll(CoordinatorLayout coordinatorLayout, V child,
                                       View directTargetChild, View target,
                                       int nestedScrollAxes) {
        return (nestedScrollAxes & View.SCROLL_AXIS_VERTICAL) != 0;
    }

    @Override
    public void onNestedScrollAccepted(CoordinatorLayout coordinatorLayout, V child,
                                       View directTargetChild, View target, int nestedScrollAxes) {
        super.onNestedScrollAccepted(coordinatorLayout, child, directTargetChild, target, nestedScrollAxes);
    }

    @Override
    public void onStopNestedScroll(CoordinatorLayout coordinatorLayout, V child, View target) {
        super.onStopNestedScroll(coordinatorLayout, child, target);
    }

    @Override
    public void onNestedScroll(CoordinatorLayout coordinatorLayout, V child,
                               View target, int dxConsumed, int dyConsumed,
                               int dxUnconsumed, int dyUnconsumed) {
        super.onNestedScroll(coordinatorLayout, child, target, dxConsumed, dyConsumed,
                dxUnconsumed, dyUnconsumed);
        if (dyUnconsumed > 0 && mTotalDyUnconsumed < 0) {
            mTotalDyUnconsumed = 0;
            mOverScrollDirection = ScrollDirection.SCROLL_DIRECTION_UP;
        } else if (dyUnconsumed < 0 && mTotalDyUnconsumed > 0) {
            mTotalDyUnconsumed = 0;
            mOverScrollDirection = ScrollDirection.SCROLL_DIRECTION_DOWN;
        }
        mTotalDyUnconsumed += dyUnconsumed;
        onNestedVerticalOverScroll(coordinatorLayout, child, mOverScrollDirection,
                dyConsumed, mTotalDyUnconsumed);
    }

    @Override
    public void onNestedPreScroll(CoordinatorLayout coordinatorLayout, V child,
                                  View target, int dx, int dy, int[] consumed) {
        super.onNestedPreScroll(coordinatorLayout, child, target, dx, dy, consumed);
        if (dy > 0 && mTotalDy < 0) {
            mTotalDy = 0;
            mScrollDirection = ScrollDirection.SCROLL_DIRECTION_UP;
        } else if (dy < 0 && mTotalDy > 0) {
            mTotalDy = 0;
            mScrollDirection = ScrollDirection.SCROLL_DIRECTION_DOWN;
        }
        mTotalDy += dy;
        onDirectionNestedPreScroll(coordinatorLayout, child, target, dx,
                dy, consumed, mScrollDirection);
    }


    @Override
    public boolean onNestedFling(CoordinatorLayout coordinatorLayout, V child, View target,
                                 float velocityX, float velocityY, boolean consumed) {
        super.onNestedFling(coordinatorLayout, child, target, velocityX, velocityY, consumed);
        mScrollDirection = velocityY > 0 ? ScrollDirection.SCROLL_DIRECTION_UP
                : ScrollDirection.SCROLL_DIRECTION_DOWN;
        return onNestedDirectionFling(coordinatorLayout, child, target, velocityX,
                velocityY, mScrollDirection);
    }

    protected abstract boolean onNestedDirectionFling(CoordinatorLayout coordinatorLayout, V child,
                                                      View target, float velocityX, float velocityY,
                                                      @ScrollDirection int scrollDirection);

    @Override
    public boolean onNestedPreFling(CoordinatorLayout coordinatorLayout, V child, View target,
                                    float velocityX, float velocityY) {
        return super.onNestedPreFling(coordinatorLayout, child, target, velocityX, velocityY);
    }

    @Override
    public WindowInsetsCompat onApplyWindowInsets(CoordinatorLayout coordinatorLayout, V child,
                                                  WindowInsetsCompat insets) {

        return super.onApplyWindowInsets(coordinatorLayout, child, insets);
    }

    @Override
    public Parcelable onSaveInstanceState(CoordinatorLayout parent, V child) {
        return super.onSaveInstanceState(parent, child);
    }
}
import android.content.Context;
import android.content.res.TypedArray;
import android.os.Build;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.design.widget.CoordinatorLayout;
import android.support.design.widget.Snackbar;
import android.support.v4.view.ViewCompat;
import android.support.v4.view.ViewPropertyAnimatorCompat;
import android.support.v4.view.animation.LinearOutSlowInInterpolator;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.Interpolator;

/**
 * Created by JokAr on 2017/3/2.
 */

public class BottomNavigationBehavior<V extends View> extends VerticalScrollingBehavior<V> {

    private static final Interpolator INTERPOLATOR = new LinearOutSlowInInterpolator();
    private final BottomNavigationWithSnackbar mWithSnackBarImpl
            = Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP
            ? new LollipopBottomNavWithSnackBarImpl() : new PreLollipopBottomNavWithSnackBarImpl();
    private boolean isTablet;
    private int mTabLayoutId;
    private boolean hidden = false;
    private ViewPropertyAnimatorCompat mOffsetValueAnimator;
    private ViewGroup mTabLayout;
    private View mTabsHolder;
    private int mSnackbarHeight = -1;
    private boolean scrollingEnabled = true;
    private boolean hideAlongSnackbar = false;
    int[] attrsArray = new int[]{
            android.R.attr.id};

    public BottomNavigationBehavior() {
        super();
    }

    public BottomNavigationBehavior(Context context, AttributeSet attrs) {
        super(context, attrs);
        TypedArray a = context.obtainStyledAttributes(attrs,
                attrsArray);
        mTabLayoutId = a.getResourceId(0, View.NO_ID);
        a.recycle();
    }

    public static <V extends View> BottomNavigationBehavior<V> from(@NonNull V view) {
        ViewGroup.LayoutParams params = view.getLayoutParams();
        if (!(params instanceof CoordinatorLayout.LayoutParams)) {
            throw new IllegalArgumentException("The view is not a child of CoordinatorLayout");
        }
        CoordinatorLayout.Behavior behavior = ((CoordinatorLayout.LayoutParams) params)
                .getBehavior();
        if (!(behavior instanceof BottomNavigationBehavior)) {
            throw new IllegalArgumentException(
                    "The view is not associated with BottomNavigationBehavior");
        }
        return (BottomNavigationBehavior<V>) behavior;
    }

    @Override
    public boolean layoutDependsOn(CoordinatorLayout parent, V child, View dependency) {
        mWithSnackBarImpl.updateSnackbar(parent, dependency, child);
        return dependency instanceof Snackbar.SnackbarLayout;
    }

    @Override
    public void onDependentViewRemoved(CoordinatorLayout parent, V child, View dependency) {
        updateScrollingForSnackbar(dependency, child, true);
        super.onDependentViewRemoved(parent, child, dependency);
    }

    private void updateScrollingForSnackbar(View dependency, V child, boolean enabled) {
        if (!isTablet && dependency instanceof Snackbar.SnackbarLayout) {
            scrollingEnabled = enabled;
            if (!hideAlongSnackbar && ViewCompat.getTranslationY(child) != 0) {
                ViewCompat.setTranslationY(child, 0);
                hidden = false;
                hideAlongSnackbar = true;
            } else if (hideAlongSnackbar) {
                hidden = true;
                animateOffset(child, -child.getHeight());
            }
        }
    }

    @Override
    public boolean onDependentViewChanged(CoordinatorLayout parent, V child, View dependency) {
        updateScrollingForSnackbar(dependency, child, false);
        return super.onDependentViewChanged(parent, child, dependency);
    }

    @Override
    public boolean onLayoutChild(CoordinatorLayout parent, V child, int layoutDirection) {
        boolean layoutChild = super.onLayoutChild(parent, child, layoutDirection);
        if (mTabLayout == null && mTabLayoutId != View.NO_ID) {
            mTabLayout = findTabLayout(child);
            getTabsHolder();
        }

        return layoutChild;
    }

    @Nullable
    private ViewGroup findTabLayout(@NonNull View child) {
        if (mTabLayoutId == 0) return null;
        return (ViewGroup) child.findViewById(mTabLayoutId);
    }

    @Override
    public void onNestedVerticalOverScroll(CoordinatorLayout coordinatorLayout, V child,
                                           @ScrollDirection int direction, int currentOverScroll, int totalOverScroll) {
    }

    @Override
    public void onDirectionNestedPreScroll(CoordinatorLayout coordinatorLayout, V child, View target, int dx, int dy,
                                           int[] consumed, @ScrollDirection int scrollDirection) {
        handleDirection(child, scrollDirection);
    }

    private void handleDirection(V child, @ScrollDirection int scrollDirection) {
        if (!scrollingEnabled) return;
        if (scrollDirection == ScrollDirection.SCROLL_DIRECTION_DOWN && hidden) {
            hidden = false;
            animateOffset(child, 0);
        } else if (scrollDirection == ScrollDirection.SCROLL_DIRECTION_UP && !hidden) {
            hidden = true;
            animateOffset(child, child.getHeight());
        }
    }

    @Override
    protected boolean onNestedDirectionFling(CoordinatorLayout coordinatorLayout, V child, View target,
                                             float velocityX, float velocityY,
                                             @ScrollDirection int scrollDirection) {
        handleDirection(child, scrollDirection);
        return true;
    }

    private void animateOffset(final V child, final int offset) {
        ensureOrCancelAnimator(child);
        mOffsetValueAnimator.translationY(offset).start();
        animateTabsHolder(offset);
    }

    private void animateTabsHolder(int offset) {
        if (mTabsHolder != null) {
            offset = offset > 0 ? 0 : 1;
            ViewCompat.animate(mTabsHolder).alpha(offset).setDuration(200).start();
        }
    }

    private void ensureOrCancelAnimator(V child) {
        if (mOffsetValueAnimator == null) {
            mOffsetValueAnimator = ViewCompat.animate(child);
            mOffsetValueAnimator.setDuration(100);
            mOffsetValueAnimator.setInterpolator(INTERPOLATOR);
        } else {
            mOffsetValueAnimator.cancel();
        }
    }

    private void getTabsHolder() {
        if (mTabLayout != null) {
            mTabsHolder = mTabLayout.getChildAt(0);
        }
    }

    public boolean isScrollingEnabled() {
        return scrollingEnabled;
    }

    public void setScrollingEnabled(boolean scrollingEnabled) {
        this.scrollingEnabled = scrollingEnabled;
    }

    public void setHidden(V view, boolean bottomLayoutHidden) {
        if (!bottomLayoutHidden && hidden) {
            animateOffset(view, 0);
        } else if (bottomLayoutHidden && !hidden) {
            animateOffset(view, -view.getHeight());
        }
        hidden = bottomLayoutHidden;
    }

    private interface BottomNavigationWithSnackbar {
        void updateSnackbar(CoordinatorLayout parent, View dependency, View child);
    }

    private class PreLollipopBottomNavWithSnackBarImpl implements BottomNavigationWithSnackbar {

        @Override
        public void updateSnackbar(CoordinatorLayout parent, View dependency, View child) {
            if (!isTablet && dependency instanceof Snackbar.SnackbarLayout) {
                if (mSnackbarHeight == -1) {
                    mSnackbarHeight = dependency.getHeight();
                }

                int targetPadding = child.getMeasuredHeight();

                int shadow = (int) ViewCompat.getElevation(child);
                ViewGroup.MarginLayoutParams layoutParams = (ViewGroup.MarginLayoutParams) dependency.getLayoutParams();
                layoutParams.bottomMargin = targetPadding - shadow;
                child.bringToFront();
                if (Build.VERSION.SDK_INT < Build.VERSION_CODES.KITKAT) {
                    child.getParent().requestLayout();
                    ((View) child.getParent()).invalidate();
                }

            }
        }
    }

    private class LollipopBottomNavWithSnackBarImpl implements BottomNavigationWithSnackbar {

        @Override
        public void updateSnackbar(CoordinatorLayout parent, View dependency, View child) {
            if (!isTablet && dependency instanceof Snackbar.SnackbarLayout) {
                if (mSnackbarHeight == -1) {
                    mSnackbarHeight = dependency.getHeight();
                }
                int targetPadding = (mSnackbarHeight +
                        child.getMeasuredHeight());
                dependency.setPadding(dependency.getPaddingLeft(),
                        dependency.getPaddingTop(), dependency.getPaddingRight(), targetPadding
                );
            }
        }
    }
}
JokAr-
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【Material Design】自定义FloatingActionButton滑动行为只隐藏不出现的问题
小落在码代码
01-03 1747
FloatingActionButton自定义滑动时，上滑能够正常隐藏，但是下拉列表时不出现
向上滑动隐藏标题栏，向下滑动显示标题栏
04-29
androidDEmo，手指向上滑动隐藏标题栏，向下滑动显示标题栏，很好的Demo，易懂，适合新手看看。
Andoid实现顶部导航栏和底部导航滑动隐藏（BottomNavigationView，CoordinatorLayout）
04-27
ndoid实现顶部导航栏和底部导航滑动隐藏（BottomNavigationView，CoordinatorLayout）
Material Design系列，自定义Behavior之上滑显示返回顶部按钮
严振杰
07-18 1万+
有时候我们的页面内容过长的时候，滑动到页面底部用户再滑动到顶部很麻烦，Android不像iOS可以点击statusBar回到顶部，一般都是双击Toolbar/ActionBar或者在底部放一个按钮。今天我们就利用自定义Behavior来实现这个回到顶部按钮的渐显的动画效果。如果对我的Behavior博文感兴趣的，那么看官可以在文章顶部找到我其它关于Behavior的博文。
可使控件从右侧滑入的Behavior
qgswsg的博客
12-06 354
开源一个小小的可以使控件从右侧滑入的Behavior，借鉴了不少BottomSheetBehavior中的代码。不多说，直接上github地址 https://github.com/qgswsg/SideslipEntry 示例代码 &lt;ViewGroup android:layout_width="match_parent" android:layo...
Material Design系列之Behavior上滑显示返回顶部按钮
09-01
在本篇"Material Design系列之Behavior上滑显示返回顶部按钮"的文章中，作者探讨了如何利用Behavior来实现在用户上滑屏幕时显示一个返回顶部的按钮，从而提升用户体验。 传统的做法通常需要监听ScrollView、...
android实现上滑屏幕隐藏底部菜单栏的示例
08-28
这样，我们就完成了上滑隐藏、下滑显示底部菜单栏的功能。这个功能增强了应用的用户体验，使得交互更加流畅自然。通过理解并实践这个示例，开发者可以更好地掌握Android中利用`CoordinatorLayout`和`Behavior`实现...
上滑下滑 viewpager + tablayout 跨页面 Behavior联动效果
01-03
Behavior实现 viewpager + tablayout 上下滑动隐藏显示tablayout ，联动main 页面的底部导航栏也一起显示隐藏 找了一下，基本上都是单页面的Behavior实现的效果，要么就是自定义Behavior来实现各种view的交互的，...
Android代码-跟随手势滑动，显示隐藏标题栏、底部导航栏及悬浮按钮的 Android Behavior Library。
08-07
LBehavior: Simple implementation of sliding animation of title bar, bottom bar and floatingActionButton. 中文文档 Screenshots Blog Introduce ...Download allprojects { repositories { ...
TabLayout滑动到顶部悬浮（一种很简单的方法，代码少，便于理解，不用协调者布局）
03-28
仿美团app，浮动layout滑动到顶部悬停效果,监听滑动距离，根据距离大小设置是否悬浮。。。
Android 自定义behavior实现上滑屏幕隐藏底部
Keepsty的博客
08-16 1283
直接上代码： 1.引用 &lt;android.support.design.widget.CoordinatorLayout  android:layout_width="match_parent"  android:layout_height="match_parent"&gt;    &lt;include layout="@layout/toolbar"/&gt;   ...
Behavior实现滑动隐藏ToolBar与BottomNavigation
老胡
03-09 4278
多说无益，先上效果图img\material-design这个效果其实是和SegmentFault的首页效果是一样的。Demo github地址戳这里来由 前几天有人问我这样的效果如何实现，有何思路，我的第一反应就是使用Behavior来实现这个效果，使用Behavior实现此效果比自定义View实现此效果绝对要简单很多，之后找时间了实现了这个效果。思路用过ToolBar + Coordinato
Android RecyclerView 首条悬停 可加动画 coordi
FlyPig_Vip的博客
12-04 470
我是看的大佬的 Demo https://me.csdn.net/qq_30447263 这个的应用场景很多,除了动画 自己需要摸索 就是这个Behavior延伸了 此处为动画 appBarLayout.addOnOffsetChangedListener(new AppBarLayout.BaseOnOffsetChangedListener() { ...
开源项目：BottomBar
AnalyzeSystem的博客
04-25 9763
前言 寻寻觅觅终于等到你，Material Design系列BottomBar开源库你值得拥有。从我接触android开发遇到tabhost，到radioGroup+ViewPage/FrameLayout的演变，再到官方重做tabhost,纵观历史演变，淡看风云变幻，我心依旧，BottomBar你一直都是我的唯一！！ 运行效果图 调用实例 as项目导入(需要注意该
DrawerLayout + NavigationView + BottomNavigationView 搭配使用
weidiezeng的博客
07-21 1499
不废话，直接上效果图： activity_main.xml: <?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:...
jQuery 往下滑动隐藏导航、往上滑动显示导航
hgz2014的博客
07-22 9969
需求：jQuery 往下滑动隐藏导航动画效果、往上滑动显示导航动画效果 1.引入css3 annimate.min.css  2.用js代码判断是往下还是往上滑动，代码如下 /*评论模块的滚动隐藏效果*/ var windowTop=0;//初始话可视区域距离页面顶端的距离 $(window).scroll(function() { var scrolls = $(this).sc...
关于解决自定义FloatingActionButton滑动行为（Behavior）只隐藏不出现的问题
VictorCatFish的博客
05-16 2953
最近在使用FloatingActionButton的时候，自定义了其Behavior，然后发现在SDK在25及以上的时候，出现了只能隐藏不能重新出现的问题（24及以下没有出现此问题），Behavior代码如下： public class MyFabBehavior extends FloatingActionButton.Behavior { // 必须重写两个参数的构造方法，否则会报
底部导航栏实现方式多样化
Alan的博客
12-31 1455
前沿   距Google I/O(2014)最新发布的Material Design Android 设计风格已经有一段时间了, 2016年Google在 Android Design Support Library 25基础上增加了 一个BottomNavigationView 新控件， 相比之前实现导航栏的方式，如LinearLayout + TextView(使用android:dra
自定义CoordinatorLayout的Behavior实现知乎和简书快速返回效果
热门推荐
NoBlueSky的专栏
09-12 2万+
Design lib里面的CoordinatorLayout是一个非常强大的控件，它接管了child组件之间的交互。让你滑动交互使用更加方便简单，效果也更加强大，不需要向以前那样自己处理一坨什么乱七八槽的滑动 事件传递之类的恶心东西了。比如常见的顶部工具栏随内容滑动消失和显示，这个官方已经支持了Toolbar,但是有时候我们想让自己的组件也可以和滑动交互，这个时候我们就需要自定义一个我们自己的Beh
react函数组件返回顶部按钮显示隐藏
最新发布
06-03
你可以使用 React Hooks 来实现返回顶部按钮的显示和隐藏。具体实现步骤如下： 1. 使用 useState Hook 来定义一个状态变量，用于表示返回顶部按钮是否显示。 ```javascript const [showBackToTopButton, setShowBackToTopButton] = useState(false); ``` 2. 在组件中添加滚动事件监听器，当滚动距离超过一定值时，设置返回顶部按钮为显示状态。 ```javascript useEffect(() => { const handleScroll = () => { if (window.pageYOffset > 100) { setShowBackToTopButton(true); } else { setShowBackToTopButton(false); } }; window.addEventListener('scroll', handleScroll); return () => window.removeEventListener('scroll', handleScroll); }, []); ``` 3. 在组件中添加返回顶部按钮，并根据状态变量来控制其显示和隐藏。 ```javascript {showBackToTopButton && ( <button onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}> 返回顶部 </button> )} ``` 这样就可以实现一个简单的返回顶部按钮，并且能够根据用户的滚动行为来动态地显示和隐藏。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值