code小生,一個專注 Android 領域的技術分享平臺

作者：Android_YangKe
地址：https://www.jianshu.com/p/d62cda41017c
宣告：本文已獲 Android_YangKe 授權,轉發等請聯絡原作者授權

微信是騰訊家族的一款旗艦產品，前些日子實在無聊就可勁刷朋友圈，剎那間發現微信具有二級頁面滑動關閉功能，（屏隨指動，縱享絲滑）使用者好感倍增，頓時兩眼泛水花開始膜拜大廠產品，工程師。

努力成為自己想要成為的人，心中默唸：“當你停下來休息的時候，不要忘記別人還在奔跑”。於是開始學習相關技術豐富自己。百度，Google，Github，功夫不負有心人，通過自己幾個小時的努力實現了自己想要的效果。我們看圖：

由於動態圖壓縮比較嚴重，這裡進行簡單講解。圖一效果主要是：當我們手指沒有將頁面拖動到螢幕中間及後半部分時，應用會自動回彈到原始狀態，當我們將頁面拖動到屏幕後半部分時頁面會 finish 掉。功能實現了，具體思路是什麼呢？如果你對Activity，Window，View 整體輪廓不是很熟悉，請做知識儲備 點我。

下面我們看下專案結構：

不要重複造輪子，沒錯這是一個三方庫。但我們爭取做到知其然，知其所以然。下面開始我們的分析，注意其中這樣幾個 API：

• SwipeBackActivity

• SwipeBackActivityHelper

• SwipeBackActivityBase

• SwipeBackLayout

• ViewDragHelper

SwipeBackActivityBase

SwipeBackActivityBase從命名上我們可以看出此類為基類，它是滑動關閉 Activity 的抽象。為什麼選擇基類入手？一般閱讀原始碼程式碼量都比較大，從基類入手便於我們瞭解整體框架輪廓，至於實現細節，我們根據需要再來分析。

程式碼之旅，即將開始：3，2，1…

public interface SwipeBackActivityBase {
    /**
     * 從當前 Activity 返回關聯的 SwipeBackLayout 物件
     */
 

    public abstract SwipeBackLayout getSwipeBackLayout();
    /**
      * 設定開啟或者關閉滑動關閉 Activity 功能
      */
    public abstract void setSwipeBackEnable(boolean enable);

    /**
     * 滑動 Activity 關閉 Activity 函式的抽象
     */
    public abstract void scrollToFinishActivity();
}

從以上程式碼我們可以 get 到三個技能點：
1> 獲取當前 Activity 關聯的 SwipeBackLayout 物件
2> 開啟或者關閉滑動 Activity 關閉 Activity 的功能
3> 滑動關閉 Activity

SwipeBackActivity

SwipeBackActivity是SwipeBackActivityBase的具體實現。也就是說我們的 Activity 繼承此類後相應的頁面就具有了滑動關閉功能。我們繼續，前方有大量原始碼即將來襲，請注意查收！

public class SwipeBackActivity extends AppCompatActivity implements SwipeBackActivityBase {
    private SwipeBackActivityHelper mHelper;

    @Override protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mHelper = new SwipeBackActivityHelper(this);
        mHelper.onActivityCreate();
    }

    @Override protected void onPostCreate(Bundle savedInstanceState) {
        super.onPostCreate(savedInstanceState);
        mHelper.onPostCreate();
    }

    @Override public SwipeBackLayout getSwipeBackLayout() {
        return mHelper.getSwipeBackLayout();
    }

    @Override public void setSwipeBackEnable(boolean enable) {
        getSwipeBackLayout().setEnableGesture(enable);
    }

    @Override public void scrollToFinishActivity() {
        Utils.convertActivityToTranslucent(this);
        getSwipeBackLayout().scrollToFinishActivity();
    }
}

程式碼是不是看起來很簡潔，但簡潔並不代表簡單。我們可以看到SwipeBackActivity實現了SwipeBackActivityBase並重寫了相應函式。同時，使用者的滑動方向，手勢判斷，滑動陰影一併完成。良好的設計模式在這裡體現的淋漓盡致，內功很重要，扯遠了哈。通過以上程式碼我們可以獲取到以下資訊：
1> 首次出現的 SwipeBackActivityHelper
2> 我通過 SwipeBackActivityHelper 物件獲取 SwipeBackLayout 物件
3> scrollToFinishActivity 函式的實現

不知道大家有沒有發現一個共同點就是，所有的操作都必須依託於SwipeBackLayout物件，而SwipeBackLayout物件又依託於SwipeBackActivityHelper，好吧，我們來看下SwipeBackActivityHelper。

當我翻開原始碼的時候其實內心是拒絕的，作者竟然沒有給出一行註釋。不過好在程式碼量不大，硬著頭皮讀吧。

public class SwipeBackActivityHelper {
    private Activity mActivity;
    private SwipeBackLayout mSwipeBackLayout;

    public SwipeBackActivityHelper(Activity activity) { this.mActivity = activity; }

    /**
     * 1> 處理 Activity 關聯的 Window 背景
     * 2> 處理 Window 關聯的 DecorView 物件
     * 3> 初始化 SwipeBackLayout 物件
     */
    public void onActivityCreate() {
        mActivity.getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
        mActivity.getWindow().getDecorView().setBackgroundDrawable(null);
        mSwipeBackLayout = (SwipeBackLayout) LayoutInflater.from(mActivity).inflate(
                me.imid.swipebacklayout.lib.R.layout.swipeback_layout, null);
    }

    public void onPostCreate() {
        mSwipeBackLayout.attachToActivity(mActivity);
    }

    public SwipeBackLayout getSwipeBackLayout() {
        return mSwipeBackLayout;
    }
}

onActivityCreate文中已經給出了註釋，這裡不再進行說明。程式碼掐頭去尾就剩下onPostCreate函式，現在讓我們找到SwipeBackLayout.java，然後定位到attachToActivity函式。

//SwipeBackLayout.java
public void attachToActivity(Activity activity) {
        ...程式碼省略...
        mActivity = activity;
        ViewGroup decor = (ViewGroup) activity.getWindow().getDecorView();
        ViewGroup decorChild = (ViewGroup) decor.getChildAt(0);
        decorChild.setBackgroundResource(background);
        decor.removeView(decorChild);
        addView(decorChild);
        setContentView(decorChild);
        addSwipeListener(new SwipeBackListenerActivityAdapter(activity));
        decor.addView(this);
    }

通過對上文的分析我們可以獲取到以下幾點資訊：
1> 從當前 Activity 中獲取 DecorView。DecorView 與 Activity 的恩怨情仇
2> 將手勢監聽與當前 Activity 繫結
3> 將 SwipeBackLayout 新增到 DecorView，也可以理解為將檢視依託在 Activity 上進行展示。

SwipeBackLayout

public class SwipeBackLayout extends FrameLayout {
    ...程式碼省略百行...
}

對於自定義 View、ViewGroup 來說，一般程式碼量都比較大，動則成百上千，那麼我們該使用什麼樣的姿勢來開啟它呢。其實從自定義 View 的幾個關鍵函式開始就行，當然還有就是建構函式。

public SwipeBackLayout(Context context, AttributeSet attrs, int defStyle) {
    ...程式碼省略...
    mDragHelper = ViewDragHelper.create(this, new ViewDragCallback());//構建ViewDragHelper
    int mode = EDGE_FLAGS[a.getInt(R.styleable.SwipeBackLayout_edge_flag, 0)];
    setEdgeTrackingEnabled(mode);//設定滑動關閉 Activity 的模式。例：左側關閉，右側關閉等。

    int shadowLeft = a.getResourceId(R.styleable.SwipeBackLayout_shadow_left, R.drawable.shadow_left);
    int shadowRight = a.getResourceId(R.styleable.SwipeBackLayout_shadow_right, R.drawable.shadow_right);
    int shadowBottom = a.getResourceId(R.styleable.SwipeBackLayout_shadow_bottom, R.drawable.shadow_bottom);
    setShadow(shadowLeft, EDGE_LEFT);//設定左側滑動時的陰影
    setShadow(shadowRight, EDGE_RIGHT);//設定右側滑動時的陰影
    setShadow(shadowBottom, EDGE_BOTTOM);//設定底部滑動時的陰影
}

經過分析建構函式中大概做了如下幾件事情：
1> 初始化屬性資訊
2> 構建 ViewDragHelper 物件
3> 初始化頁面滾動時左、右、下側陰影部分

然後就是 set 函式：
1> setEdgeTrackingEnabled //設定滑動方向。例：左側滑動，右側滑動
2> setShadow //設定陰影方向。例：左側，右側
3> setSwipeBackEnable // 設定是否開啟滑動關閉功能，預設為 true
… 等等

總結：

如何給自己的應用新增滑動關閉 Activity 功能？

• 將自己 Activity 繼承自 SwipeBackActivity

如何開啟或關閉“滑動關閉功能”？

• 呼叫 setSwipeBackEnable(false); 可以禁止滑動關閉功能

如何修改滑動關閉 Activity 的方向？

• setEdgeTrackingEnabled(SwipeBackLayout.EDGE_XXX);

對於 SwipeBackLayout 的理解：
1> 將依附在 Activity 上的 Window、DecorView 背景設定為空，透明
2> 將 DecorView 替換為 SwipeBackLayout
3> 對 SwipeBackLayout 進行手勢監聽，處理滑動事件動態更新頁面

APK 下載
http://yangwenxue.gitee.io/test/personfile/search-1.0-2018-06-19-release.apk