Android自定義RecyclerView Item頭部懸浮吸頂
本文實(shí)例為大家分享了Android自定義RecyclerView Item頭部懸浮吸頂?shù)木唧w代碼,供大家參考,具體內(nèi)容如下
概述
1、自定義了一個FrameLayout,引入條目的頭部布局加入到自定義FrameLayout中.
2、將RecyclerView加入FrameLayout
3、條目頭部View的Alpha動畫以及設(shè)置透明和不透明這個時機(jī)大多是通過打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也添加進(jìn)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); }
效果圖
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android編程實(shí)現(xiàn)QQ表情的發(fā)送和接收完整實(shí)例(附源碼)
這篇文章主要介紹了Android編程實(shí)現(xiàn)QQ表情的發(fā)送和接收的方法,涉及Android圖片資源、正則表達(dá)式及對話框的相關(guān)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11Android文本視圖TextView實(shí)現(xiàn)聊天室效果
這篇文章主要介紹了Android文本視圖TextView實(shí)現(xiàn)聊天室效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-05-05Kotlin類與屬性及構(gòu)造函數(shù)的使用詳解
這篇文章主要介紹了Kotlin語言中類與屬性及構(gòu)造函數(shù)的使用,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-09-09解決Android MediaRecorder錄制視頻過短問題
本文主要介紹Android MediaRecorder,在使用MediaRecorder時經(jīng)常會遇到視頻錄制太短問題,這里提供解決問題的實(shí)例代碼以供大家參考2016-07-07Android實(shí)現(xiàn)圖片自動輪播并且支持手勢左右無限滑動
這篇文章給大家介紹android實(shí)現(xiàn)圖片自動輪播并且支持手勢左右無限滑動,代碼簡單易懂,非常不錯,具有參考借鑒價值,感興趣的朋友一起看看吧2016-10-10Android測量每秒幀數(shù)Frames Per Second (FPS)的方法
這篇文章主要介紹了Android測量每秒幀數(shù)Frames Per Second (FPS)的方法,涉及Android針對多媒體文件屬性操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10Android 圖片縮放與旋轉(zhuǎn)的實(shí)現(xiàn)詳解
本篇文章是對在Android中實(shí)現(xiàn)圖片縮放與旋轉(zhuǎn)的方法進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-06-06Jetpack?Compose慣性衰減動畫AnimateDecay詳解
這篇文章主要為大家介紹了Jetpack?Compose慣性衰減動畫AnimateDecay詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11