CoordinatorLayout滑動抖動問題
目錄介紹
- 01.CoordinatorLayout滑動抖動問題描述
- 02.滑動抖動問題分析
- 03.自定義AppBarLayout.Behavior說明
- 04.CoordinatorLayout滑動抖動解決方案
- 05.案例測試是否根本問題
好消息
- 博客筆記大彙總【16年3月到至今】，包括Java基礎及深刻知識點，Android技術博客，Python學習筆記等等，還包括平時開發中遇到的bug彙總，固然也在工做之餘收集了大量的面試題，長期更新維護而且修正，持續完善……開源的文件是markdown格式的！同時也開源了生活博客，從12年起，積累共計N篇[近100萬字，陸續搬到網上]，轉載請註明出處，謝謝！
- 連接地址：https://github.com/yangchong2...
- 若是以爲好，能夠star一下，謝謝！固然也歡迎提出建議，萬事起於忽微，量變引發質變！
01.CoordinatorLayout滑動抖動問題描述
-
先看下佈局php
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/coordinator" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.AppBarLayout android:id="@+id/appbar" android:layout_width="match_parent" android:layout_height="wrap_content"> <!--這個是滾動頭部--> <include layout="@layout/include_find_header"/> <!--這個是吸頂佈局--> <include layout="@layout/include_sticky_header"/> </android.support.design.widget.AppBarLayout> <!--app:layout_behavior 屬性，該佈局包含一個豎直方向的RecyclerView--> <include layout="@layout/include_recycler_view" /> </android.support.design.widget.CoordinatorLayout> -
出現的問題android
- 用手指輕輕滑動CoordinatorLayout部分, 上滑, 快速擡起手指, 造成一個fling操做。其實就是向上滑動一下！
- 這時, 整個CoordinatorLayout部分會向上移動(fling)，在中止移動以前，在下面的區域(也就是xml佈局中的include_recycler_view)來一個反向的滑動(fling) , 這時整個頁面就會開始或大或小的抖動, 很是明顯。
02.滑動抖動問題分析
-
CoordinatorLayout向上fling滾動沒法被外部中斷git
- CoordinatorLayout和子View的聯動時經過CoordinatorLayout.Behavior實現的，AppBarLayout使用的Behavior繼承了HeaderBehavior<AppBarLayout>。
- 問題就在這裏。HeaderBehavior的onTouchEvent中使用Scroller實現了fling操做，可是沒有經過NestedScrolling API對外開放，也就說一旦HeaderBehavior的fling動做造成，沒法由外部主動中斷。
-
RecyclerView向下fling滾動github
- 與AppBarLayout同層級的RecyclerView能夠經過升級過的NestedScrolling API對AppBarLayout產生影響，好比RecyclerView向下fling時滑動到item 0以後，若是AppBarLayout能夠滑動時會給AppBarLayout施加一個一樣向下的fling動做,以此造成一個連貫的下滑fling。
- 那麼問題來了。當HeaderBehavior產生的向上的fling沒有結束時，RecyclerView又送來向下的fling，抖動就產生了。
-
分析一下HeaderBehavior面試
- 當檢測到down事件時, 取消了mScroller的運行(若是它正在scroll的話)。這裏由於要訪問父類(實際上是父類的父類)的 mScroller變量。
- 而後經過反射拿到mScroller變量，在onInterceptTouchEvent攔截事件中，當手指離開的時候，則中止overScroller動畫效果。
- 而後經過反射拿到flingRunnable變量，在onInterceptTouchEvent攔截事件中，當手指離開的時候，則須要remove全部的flingRunnable。
03.自定義AppBarLayout.Behavior說明
-
AppBarLayout簡單說明segmentfault
- AppBarLayout是一個vertical的LinearLayout，實現了不少material的概念，主要是跟滑動相關的。AppBarLayout的子view須要提供layout_scrollFlags參數。AppBarLayout和CoordinatorLayout強相關，通常做爲CoordinatorLayout的子類，配套使用。
按個人理解，AppBarLayout內部有2種view，一種可滑出（屏幕），另外一種不可滑出，根據app:layout_scrollFlags區分。通常上邊放可滑出的下邊放不可滑出的。
-
AppBarLayout.Behavior部分方法說明markdown
- onInterceptTouchEvent()：是否攔截觸摸事件
- onTouchEvent()：處理觸摸事件
- layoutDependsOn()：肯定使用Behavior的View要依賴的View的類型
- onDependentViewChanged()：當被依賴的View狀態改變時回調
- onDependentViewRemoved()：當被依賴的View移除時回調
- onMeasureChild()：測量使用Behavior的View尺寸
- onLayoutChild()：肯定使用Behavior的View位置
- onStartNestedScroll()：嵌套滑動開始（ACTION_DOWN），肯定Behavior是否要監聽這次事件
- onStopNestedScroll()：嵌套滑動結束（ACTION_UP或ACTION_CANCEL）
- onNestedScroll()：嵌套滑動進行中，要監聽的子 View的滑動事件已經被消費
- onNestedPreScroll()：嵌套滑動進行中，要監聽的子 View將要滑動，滑動事件即將被消費（但最終被誰消費，能夠經過代碼控制）
- onNestedFling()：要監聽的子 View在快速滑動中
- onNestedPreFling()：要監聽的子View即將快速滑動
04.CoordinatorLayout滑動抖動解決
-
經過反射拿到flingRunnable變量，注意這裏我判斷了一下27和28版本的問題，27及如下是mFlingRunnable，28及以上是flingRunnable，必定要注意這個問題。app
/** * 反射獲取私有的flingRunnable 屬性，考慮support 28之後變量名修改的問題 * @return Field
*/
private Field getFlingRunnableField() throws NoSuchFieldException {
Class<?> superclass = this.getClass().getSuperclass();
try {
// support design 27及一下版本
Class<?> headerBehaviorType = null;
if (superclass != null) {
String name = superclass.getName();
LogUtil.d("AppBarLayout.Behavior父類",name);
headerBehaviorType = superclass.getSuperclass();
}
if (headerBehaviorType != null) {
String name = headerBehaviorType.getName();
LogUtil.d("AppBarLayout.Behavior父類的父類1",name);
return headerBehaviorType.getDeclaredField("mFlingRunnable");
}else {
return null;
}
} catch (NoSuchFieldException e) {
e.printStackTrace();
// 多是28及以上版本
Class<?> headerBehaviorType = superclass.getSuperclass().getSuperclass();
if (headerBehaviorType != null) {
String name = headerBehaviorType.getName();
LogUtil.d("AppBarLayout.Behavior父類的父類2",name);
return headerBehaviorType.getDeclaredField("flingRunnable");
} else {
return null;
}
}
}
```
-
經過反射拿到scroller變量，和上面相似。ide
/** * 反射獲取私有的scroller 屬性，考慮support 28之後變量名修改的問題 * @return Field
*/
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;
}
}
}
```
-
而後在onInterceptTouchEvent攔截事件裏處理邏輯。當手指觸摸屏幕的時候中止fling事件佈局
@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); } /** * 中止appbarLayout的fling事件
*/
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 = null;
if (scrollerField != null) {
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();
}
}
```
-
完整版本的代碼以下所示
/** * <pre> * @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);
}
}
}
```
05.案例測試是否根本問題
-
代碼以下所示
<android.support.design.widget.AppBarLayout android:id="@+id/appbar" app:layout_behavior="org.yczbj.ycrefreshview.sticky.AppBarLayoutBehavior" android:layout_width="match_parent" android:layout_height="wrap_content"> -
發現最終解決問題
- 案例代碼地址已經開源：https://github.com/yangchong2...
06.參考案例
- 自定義Behavior實現AppBarLayout越界彈性效果：https://www.jianshu.com/p/bb3...
- 自定義Behavior：https://www.jianshu.com/p/b98...
其餘介紹
01.關於博客彙總連接
02.關於個人博客
- github：https://github.com/yangchong211
- 知乎：https://www.zhihu.com/people/...
- 簡書：http://www.jianshu.com/u/b7b2...
- csdn：http://my.csdn.net/m0_37700275
- 喜馬拉雅聽書：http://www.ximalaya.com/zhubo...
- 開源中國：https://my.oschina.net/zbj161...
- 泡在網上的日子：http://www.jcodecraeer.com/me...
- 郵箱：yangchong211@163.com
- 阿里雲博客：https://yq.aliyun.com/users/a... 239.headeruserinfo.3.dT4bcV
- segmentfault頭條：https://segmentfault.com/u/xi...
- 掘金：https://juejin.im/user/593943...
項目地址：https://github.com/yangchong2...
相關文章
- 1. CoordinatorLayout滑動抖動問題
- 2. CoordinatorLayout + AppBarLayout 的簡單使用及解決滑動抖動問題
- 3. 解決CoordinatorLayout+AppBarLayout滑動抖動（回彈）問題
- 4. CoordinatorLayout滑動卡頓問題之~~~
- 5. CoordinatorLayout與NestedScrollView嵌套RecyclerView滑動問題
- 6. CoordinatorLayout+ViewPager+RecyclerView滑動衝突問題。
- 7. CoordinatorLayout+AppBarLayout+RecyclerView 滑動衝突引起屏幕抖動
- 8. 解決CoordinatorLayout的動畫抖動以及回彈問題
- 9. CoordinatorLayout,AppbarLayout,CollapsingToolbarLayout滑動效果
- 10. hover抖動問題
- 更多相關文章...
- • ionic 滑動框 - ionic 教程
- • jQuery Mobile 表單滑動條 - jQuery Mobile 教程
- • 算法總結-滑動窗口
- • IntelliJ IDEA中SpringBoot properties文件不能自動提示問題解決
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. 在windows下的虛擬機中,安裝華爲電腦的deepin操作系統
- 2. 強烈推薦款下載不限速解析神器
- 3. 【區塊鏈技術】孫宇晨：區塊鏈技術帶來金融服務的信任變革
- 4. 搜索引起的鏈接分析-計算網頁的重要性
- 5. TiDB x 微衆銀行 | 耗時降低 58%，分佈式架構助力實現普惠金融
- 6. 《數字孿生體技術白皮書》重磅發佈（附完整版下載）
- 7. 雙十一「避坑」指南：區塊鏈電子合同爲電商交易保駕護航！
- 8. 區塊鏈產業，怎樣「鏈」住未來？
- 9. OpenglRipper使用教程
- 10. springcloud請求一次好用一次不好用zuul Name or service not known
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. CoordinatorLayout滑動抖動問題
- 2. CoordinatorLayout + AppBarLayout 的簡單使用及解決滑動抖動問題
- 3. 解決CoordinatorLayout+AppBarLayout滑動抖動（回彈）問題
- 4. CoordinatorLayout滑動卡頓問題之~~~
- 5. CoordinatorLayout與NestedScrollView嵌套RecyclerView滑動問題
- 6. CoordinatorLayout+ViewPager+RecyclerView滑動衝突問題。
- 7. CoordinatorLayout+AppBarLayout+RecyclerView 滑動衝突引起屏幕抖動
- 8. 解決CoordinatorLayout的動畫抖動以及回彈問題
- 9. CoordinatorLayout,AppbarLayout,CollapsingToolbarLayout滑動效果
- 10. hover抖動問題