Android自定義RecyclerView Item頭部懸浮吸頂

更新時間：2021年08月25日 11:02:54 作者：碧云天丶

這篇文章主要為大家詳細(xì)介紹了Android自定義RecyclerView Item頭部懸浮吸頂，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了Android自定義RecyclerView Item頭部懸浮吸頂?shù)木唧w代碼，供大家參考，具體內(nèi)容如下

概述

1、自定義了一個FrameLayout,引入條目的頭部布局加入到自定義FrameLayout中.
2、將RecyclerView加入FrameLayout
3、條目頭部View的Alpha動畫以及設(shè)置透明和不透明這個時機大多是通過打log來確定的,硬推理還是有些難.
4、當(dāng)屏幕顯示區(qū)域的第二條Item距離控件頂端的距離小于條目頭部View高度時,就開始移動條目頭部View.
5、當(dāng)屏幕顯示區(qū)域的第二條Item距離控件頂端的距離大于條目頭部View高度時,就執(zhí)行Alpha動畫展示條目頭部View.
6、適當(dāng)?shù)臅r候需要更新屏幕中第一條顯示的Item對應(yīng)的索引值.
7、為何需要條目頭部View執(zhí)行Alpha動畫,當(dāng)條目頭部View更新內(nèi)容時候,沒有Alpha動畫會顯得非常的生硬.

分析

1、初始化屬性

public SuspensionBarRecyclerView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.SuspensionBarRecyclerView, defStyleAttr, 0);
    mResSuspensionBar = typedArray.getResourceId(R.styleable.SuspensionBarRecyclerView_sbrv_bar, R.layout.sbrv_default_bar);
    mSuspensionBarHeight = typedArray.getLayoutDimension(R.styleable.SuspensionBarRecyclerView_sbrv_bar_height, ViewGroup.LayoutParams.WRAP_CONTENT);
    typedArray.recycle();
    initView(context);
    setListener();
}

2、創(chuàng)建RecyclerView并添加,將頭部View也添加進SuspensionBarRecyclerView

private void initView(Context context) {
    mSuspensionBar = LayoutInflater.from(context).inflate(mResSuspensionBar, null);
    mRecyclerView = new RecyclerView(context);
    mLayoutManager = new LinearLayoutManager(context);
    mRecyclerView.setLayoutManager(mLayoutManager);
    this.addView(mRecyclerView, 0);// 添加RecyclerView
    this.addView(mSuspensionBar, 1);// 添加頭部View
}

3、設(shè)置RecyclerView的滾動監(jiān)聽,對頭部View的操作主要就是這一塊的邏輯.

/**
 * 設(shè)置RecyclerView的滾動監(jiān)聽
 */
private void setListener() {
    mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
        @Override
        public void onScrollStateChanged(@NonNull RecyclerView recyclerView, int newState) {
            super.onScrollStateChanged(recyclerView, newState);
            // 獲取頭部View的高度
            mSuspensionHeight = mSuspensionBar.getHeight();
        }
        @Override
        public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {
            super.onScrolled(recyclerView, dx, dy);
            if (mCurrentFirstVisibleIndex != mLayoutManager.findFirstVisibleItemPosition()) {
                // 假如屏幕中顯示的第一個條目索引與當(dāng)前獲取到的不一致, 就更新第一條目索引值
                mCurrentFirstVisibleIndex = mLayoutManager.findFirstVisibleItemPosition();
                if (mUpdateSuspensionBarListener != null) {
                    // 然后再更新懸掛條中的數(shù)據(jù).
                    mUpdateSuspensionBarListener.updateSuspensionBar(mSuspensionBar, mCurrentFirstVisibleIndex);
                }
            }
            // 找到當(dāng)前屏幕中顯示的第二條目
            View view = mLayoutManager.findViewByPosition(mCurrentFirstVisibleIndex + 1);
            if (view != null) {
                if (view.getTop() <= mSuspensionHeight) {
                    // 當(dāng)前屏幕中第二Item離控件頂部距離如果小于懸掛條高度.
                    // 則懸掛條隨著RecyclerView的滾動移動, 這個懸掛條一直遮擋著Item條目的頭.
                    mSuspensionBar.setY(-(mSuspensionHeight - view.getTop()));
                    if (dy < 0) {
                        // 假如手指向下滑動, 剛好新的第一Item從屏幕頂端滑出來時,設(shè)置mSuspensionBar為透明.
                        mSuspensionBar.setAlpha(0);
                    }
                    //Log.e(TAG, "正在移動");
                } else {
                    // mSuspensionBar.getY() < 0 保證Alpha動畫不會多次執(zhí)行
                    if (mSuspensionBar.getY() < 0) {
                        // 當(dāng)前屏幕中第二Item離控件頂部距離如果大于懸掛條高度.
                        // 則懸掛調(diào)不需要移動,保持在控件頂部靜止不動.
                        mSuspensionBar.setY(0);
                        AlphaAnimation alphaAnimation = new AlphaAnimation(0, 1);
                        alphaAnimation.setDuration(1500);
                        mSuspensionBar.startAnimation(alphaAnimation);
                        //Log.e(TAG, "正在執(zhí)行動畫");
                    } else {
                        // 這里是當(dāng)mSuspensionBar完全展示在屏幕中時候,設(shè)置為不透明
                        mSuspensionBar.setAlpha(1);
                        //Log.e(TAG, "mSuspensionBar.getY() > 0");
                    }
                }
            }
            //Log.e(TAG, "dy  " + dy);
        }
    });
}

4、為SuspensionBarRecyclerView設(shè)置適配器

/**
 * 設(shè)置Adapter
 *
 * @param mAdapter
 */
public void setAdapter(RecyclerView.Adapter mAdapter) {
    mRecyclerView.setAdapter(mAdapter);
    mRecyclerView.setHasFixedSize(true);
    if (mUpdateSuspensionBarListener != null) {
        // 更新懸掛條中的數(shù)據(jù)
        mUpdateSuspensionBarListener.updateSuspensionBar(mSuspensionBar, mCurrentFirstVisibleIndex);
    }
}

5、設(shè)置頭部View回調(diào)監(jiān)聽

/**
 * 設(shè)置懸掛頭更新監(jiān)聽
 *
 * @param updateSuspensionBarListener
 */
public void setUpdateSuspensionBarListener(UpdateSuspensionBarListener updateSuspensionBarListener) {
    this.mUpdateSuspensionBarListener = updateSuspensionBarListener;
}
public interface UpdateSuspensionBarListener {
    void updateSuspensionBar(View mSuspensionBar, int mFirstVisibleIndex);
}