概述

我們都知道IOS系統自帶手指滑動可以返回當前介面,現在我們使用Slidr可以很簡單的實現這些功能,而且可以做一些個性化得定製.

Slidr使用

1 首先清單檔案配置我們將要滑動Activity的theme,或者在我們的Application節點下全域性配置theme,在theme裡面新增

  <!--切換activity時螢幕不變暗-->
        <item name="android:windowIsTranslucent">true</item>
        <!--視窗的背景設定成透明 ,這樣的話在我們每個介面的根佈局都要設定background,要不然就是透明的-->
 

        <item name="android:windowBackground">@android:color/transparent</item>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width
 
="match_parent"
    android:layout_height="match_parent"
    android:background="@color/background_material_light">

2.在要滑動的Activity中OnCreate方法中使用,有三種方式

  Slidr.attach(this);
  Slidr.attach(this,slidrConfig);
  Slidr.attach(this,statusBarColor1,statusBarColor2);

對,就簡單的一行程式碼就可以實現手指滑動退出當前的Activity.

• 方式1 : 直接綁定當前的Activity,這種方式一般不適用,下面介紹,這個預設的是向左滑退出Activity
• 方式2 : 配置一些引數config, 這個最常用
• 方式3 : 預設的向左滑退出Activity,同時滑動時狀態列有漸變顏色,statusBarColor2是漸變開始的顏色,statusBarColor1漸變結束的顏色,滑動結束時狀態列顏色恢復系統預設的顏色,所以開始的時候我們可以設定狀態列的顏色為statusBarColor1

3.SlidrConfig的使用,可以定製化我們滑動的手勢或者介面的互動等.

SlidrConfig config = new SlidrConfig.Builder()
    .primaryColor(getResources().getColor(R.color.primary)
    .secondaryColor(getResources().getColor(R.color.secondary)
    .position(SlidrPosition.LEFT|RIGHT|TOP|BOTTOM|VERTICAL|HORIZONTAL)
    .sensitivity(1f)
    .scrimColor(Color.BLACK)
    .scrimStartAlpha(0.8f)
    .scrimEndAlpha(0f)
    .velocityThreshold(2400)
    .distanceThreshold(0.25f)
    .edge(true|false)
    .edgeSize(0.18f)
    .listener(new SlidrListener(){...})
    .build();

SlidrConfig是通過builder方式來設定某項引數,其中可以全部設定,也可以單獨設定某項需要定製的,下面來解釋一下每一個引數的含義:

• primaryColor : 滑動時狀態列漸變結束的顏色
• secondaryColor : 滑動時狀態列漸變開始的顏色
• position : 設定滑動時起始方向,可以同時設定多個,比如設定left,意思是從左向右滑
• sensitivity : 響應的敏感度,0-1f,預設值是1f
• scrimColor : 滑動時acitvity之間的蒙層顏色,預設是黑色
• scrimStartAlpha : 滑動開始時Activity之間蒙層顏色的透明度,0-1f,預設值0.8f
• scrimEndAlpha : 滑動結束時Activity之間蒙層顏色的透明度,0-1f,預設值0f
• velocityThreshold : 滑動時移動速度閾值,超過這個值會響應滑動事件
• distanceThreshold : 滑動時手指移動距離佔螢幕百分比的閾值,超過這個值才響應事件
• edge : boolean型別,是否設定響應事件的邊界,預設是false,沒有邊界,滑動任何地方都有響應
• edgeSize : 邊界的大小佔螢幕的百分比,0-1f ,這時要看positon的方向,比如position是left,edgeSize是0.2f,意思就是邊界的大小等於距離螢幕左邊界佔螢幕20%的大小

Slidr應用

Slidr的使用很簡單,但需要注意的是他的滑動事件是最高階的,能搶奪一切事件,這時如果我們的專案中有ViewPager或者RecyclerView,他們的滑動事件都被搶奪走了 ,如果這樣使用,我們滑動時都會退出當前的Activity,如果我們要處理事件,感覺非常的麻煩,這時我們為Slidr設定config來控制他的響應事件,比如控制速度,手指滑動的距離才來響應Slidr事件,我寫了兩個demo,都是用edgeSize來控制的,

ViewPagerDemo效果圖

配置程式碼

  private void initSlidr() {
        SlidrConfig config=new SlidrConfig.Builder()
                .position(SlidrPosition.LEFT)//滑動起始方向
                .edge(true)
                .edgeSize(0.18f)//距離左邊界佔螢幕大小的18%
                .build();
        Slidr.attach(this,config);
    }

RecyclerViewDemo效果圖

配置程式碼

  private void initSlidr() {
        SlidrConfig config=new SlidrConfig.Builder()
                .position(SlidrPosition.TOP)//滑動起始方向
                .edge(true)
                .edgeSize(0.3f)//邊界佔螢幕大小30%
                .build();
        Slidr.attach(this,config);
    }

後語

Slidr的使用很簡單,而且實現的效果也很棒,不影響原來Activity的生命週期,我比較喜歡,在我們的使用過程中,可以使Activity滑動退出的方向和Activity進場的方向動畫設定相反的方向,這樣體驗也比較好,看我的gif圖也做了這樣的效果,同時也可以研究一下5.0之後Activity的轉場動畫配合Slidr使用,效果更佳,上面第二張gif圖用的就是5.0之後的動畫,寫這篇部落格也是本著推薦的態度,大家快引用到你們的專案之中吧!!

Demo原始碼