您当前的位置: 首页 >  ar

lichong951

暂无认证

  • 3浏览

    0关注

    131博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

【Android】折叠效果CoordinatorLayout+AppBarLayout首页效果&& CoordinatorLayout抖动问题解决方案--100个经典UI设计模板(95/100)

lichong951 发布时间:2022-01-25 10:41:09 ,浏览量:3

亲测效果如下:

在这里插入图片描述

布局结构


    

        


            

                
                
                
                

                    

                    
                    
                    

                    
                

                
                

            
            
            

                
                    
                    
                    
                    
                    

                    

                
            
        

        

        

    
    
    

        

        
        
        

        
        
        
        
    

布局结构解析: 消除系统自带Toolbar的UI设计冲突问题。这样便于UI布局还原UI设计效果 折叠效果得到保证。头部布局放最后在上拉过程中不会被遮挡 这样的布局后续可以很方便的进化调整。比如进行滑动和tablayout联动等等 如果是不太复杂的首页这个可以直接拿来就用哦!

源码地址: gitee:https://gitee.com/lc951/my-android github:https://github.com/lichong951/MyAndroid/

参考

ConstraintLayout:约束布局ConstraintLayout看这一篇就够了 CollapsingToolbarLayout:android新特性:使用CollapsingToolbarLayout实现折叠效果及问题解决

CoordinatorLayout+AppBarLayout抖动问题

本想自己复现一下的,结果发现抖动效果没那么明显。借用一下这张图 在这里插入图片描述 解决方案如下:

/**
 * 
 *     @author yangchong
 *     blog  : https://github.com/yangchong211
 *     time  : 2019/03/13
 *     desc  : 自定义Behavior
 *     revise: 解决appbarLayout若干问题
 *              1)快速滑动appbarLayout会出现回弹
 *              2)快速滑动appbarLayout到折叠状态下,立马下滑,会出现抖动的问题
 *              3)滑动appbarLayout,无法通过手指按下让其停止滑动
 * 
*/ public class AppBarLayoutBehavior extends AppBarLayout.Behavior { private static final String TAG = "AppbarLayoutBehavior"; private static final int TYPE_FLING = 1; private boolean isFlinging; private boolean shouldBlockNestedScroll; public AppBarLayoutBehavior(Context context, AttributeSet attrs) { super(context, attrs); } @Override public boolean onInterceptTouchEvent(CoordinatorLayout parent, AppBarLayout child, MotionEvent ev) { LogUtil.d(TAG, "onInterceptTouchEvent:" + child.getTotalScrollRange()); shouldBlockNestedScroll = isFlinging; switch (ev.getActionMasked()) { case MotionEvent.ACTION_DOWN: //手指触摸屏幕的时候停止fling事件 stopAppbarLayoutFling(child); break; default: break; } return super.onInterceptTouchEvent(parent, child, ev); } /** * 反射获取私有的flingRunnable 属性,考虑support 28以后变量名修改的问题 * @return Field * @throws NoSuchFieldException */ private Field getFlingRunnableField() throws NoSuchFieldException { Class superclass = this.getClass().getSuperclass(); try { // support design 27及一下版本 Class headerBehaviorType = null; if (superclass != null) { headerBehaviorType = superclass.getSuperclass(); } if (headerBehaviorType != null) { return headerBehaviorType.getDeclaredField("mFlingRunnable"); }else { return null; } } catch (NoSuchFieldException e) { e.printStackTrace(); // 可能是28及以上版本 Class headerBehaviorType = superclass.getSuperclass().getSuperclass(); if (headerBehaviorType != null) { return headerBehaviorType.getDeclaredField("flingRunnable"); } else { return null; } } } /** * 反射获取私有的scroller 属性,考虑support 28以后变量名修改的问题 * @return Field * @throws NoSuchFieldException */ private Field getScrollerField() throws NoSuchFieldException { Class superclass = this.getClass().getSuperclass(); try { // support design 27及一下版本 Class headerBehaviorType = null; if (superclass != null) { headerBehaviorType = superclass.getSuperclass(); } if (headerBehaviorType != null) { return headerBehaviorType.getDeclaredField("mScroller"); }else { return null; } } catch (NoSuchFieldException e) { e.printStackTrace(); // 可能是28及以上版本 Class headerBehaviorType = superclass.getSuperclass().getSuperclass(); if (headerBehaviorType != null) { return headerBehaviorType.getDeclaredField("scroller"); }else { return null; } } } /** * 停止appbarLayout的fling事件 * @param appBarLayout */ private void stopAppbarLayoutFling(AppBarLayout appBarLayout) { //通过反射拿到HeaderBehavior中的flingRunnable变量 try { Field flingRunnableField = getFlingRunnableField(); Field scrollerField = getScrollerField(); if (flingRunnableField != null) { flingRunnableField.setAccessible(true); } if (scrollerField != null) { scrollerField.setAccessible(true); } Runnable flingRunnable = null; if (flingRunnableField != null) { flingRunnable = (Runnable) flingRunnableField.get(this); } OverScroller overScroller = (OverScroller) scrollerField.get(this); if (flingRunnable != null) { LogUtil.d(TAG, "存在flingRunnable"); appBarLayout.removeCallbacks(flingRunnable); flingRunnableField.set(this, null); } if (overScroller != null && !overScroller.isFinished()) { overScroller.abortAnimation(); } } catch (NoSuchFieldException e) { e.printStackTrace(); } catch (IllegalAccessException e) { e.printStackTrace(); } } @Override public boolean onStartNestedScroll(CoordinatorLayout parent, AppBarLayout child, View directTargetChild, View target, int nestedScrollAxes, int type) { LogUtil.d(TAG, "onStartNestedScroll"); stopAppbarLayoutFling(child); return super.onStartNestedScroll(parent, child, directTargetChild, target, nestedScrollAxes, type); } @Override public void onNestedPreScroll(CoordinatorLayout coordinatorLayout, AppBarLayout child, View target, int dx, int dy, int[] consumed, int type) { LogUtil.d(TAG, "onNestedPreScroll:" + child.getTotalScrollRange() + " ,dx:" + dx + " ,dy:" + dy + " ,type:" + type); //type返回1时,表示当前target处于非touch的滑动, //该bug的引起是因为appbar在滑动时,CoordinatorLayout内的实现NestedScrollingChild2接口的滑动 //子类还未结束其自身的fling //所以这里监听子类的非touch时的滑动,然后block掉滑动事件传递给AppBarLayout if (type == TYPE_FLING) { isFlinging = true; } if (!shouldBlockNestedScroll) { super.onNestedPreScroll(coordinatorLayout, child, target, dx, dy, consumed, type); } } @Override public void onNestedScroll(CoordinatorLayout coordinatorLayout, AppBarLayout child, View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed, int type) { LogUtil.d(TAG, "onNestedScroll: target:" + target.getClass() + " ," + child.getTotalScrollRange() + " ,dxConsumed:" + dxConsumed + " ,dyConsumed:" + dyConsumed + " " + ",type:" + type); if (!shouldBlockNestedScroll) { super.onNestedScroll(coordinatorLayout, child, target, dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed, type); } } @Override public void onStopNestedScroll(CoordinatorLayout coordinatorLayout, AppBarLayout abl, View target, int type) { LogUtil.d(TAG, "onStopNestedScroll"); super.onStopNestedScroll(coordinatorLayout, abl, target, type); isFlinging = false; shouldBlockNestedScroll = false; } private static class LogUtil{ static void d(String tag, String string){ Log.d(tag,string); } } }

应用:


关于这个抖动的问题已经有大佬博客写的很细致了。参考下面即可: 【亲测】CoordinatorLayout滑动抖动问题

解决CoordinatorLayout+AppBarLayout滑动抖动(回弹)问题

COORDINATORLAYOUT+APPBARLAYOUT+RECYCLERVIEW 滑动冲突引发屏幕抖动的解决方案

CoordinatorLayout滑动抖动问题

解决CoordinatorLayout的动画抖动以及回弹问题

CoordinatorLayout和AppBarLayout 嵌套滑动时抖动的一个原生bug

关注
打赏
1659512212
查看更多评论
立即登录/注册

微信扫码登录

0.2472s