LayoutManager+ItemTouchHelper 五行代碼實現 炫動滑動 卡片層疊佈局,仿探探、人人影視訂閱界面 簡單&優雅:

效果一覽:

仿探探、人人影視 卡片層疊 炫動滑動佈局

探探皇帝翻牌子即視感

探探皇帝翻牌子即視感

人人美劇訂閱界面

人人美劇訂閱界面

可配置參數(同時顯示 6 頁):

人人美劇訂閱界面

流式佈局

這裏寫圖片描述

艾瑪,換成妹子圖後貌似好看了許多,我都不認識它了,好吧,項目裏它一般長下面這樣:

這裏寫圖片描述

往常這種效果,我們一般使用自定義 ViewGroup 實現,我以前也寫了一個。自定義 VG 實現流式佈局

使用:

Step 1. 在項目根 build.gradle 文件中增加 JitPack 倉庫依賴。

    allprojects {
        repositories {
            ...
            maven { url "https://jitpack.io" }
        }
    }

Step 2. Add the dependency

    dependencies {
            compile 'com.github.mcxtzhang:ZLayoutManager:V1.1.0'
    }

Step 3. 仿探探、人人影視 卡片層疊 炫動滑動佈局:

以後老闆讓你做這種效果,你只需要:

    mRv.setLayoutManager(new OverLayCardLayoutManager());
        CardConfig.initConfig(this);
        ItemTouchHelper.Callback callback = new RenRenCallback(mRv, mAdapter, mDatas);
        ItemTouchHelper itemTouchHelper = new ItemTouchHelper(callback);
        itemTouchHelper.attachToRecyclerView(mRv);

如果需要定製特殊的參數,例如顯示 6 層:

         CardConfig.MAX_SHOW_COUNT = 6;

設置仿探探豎直上下滑動,不刪除 Item。

水平方向判斷誤差閾值 x:

        final TanTanCallback callback = new TanTanCallback(mRv, mAdapter, mDatas);
        callback.setHorizontalDeviation(x);

流式佈局:

        mRv.setLayoutManager(new FlowLayoutManager());
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章