Android實現(xiàn)知乎選項卡動態(tài)隱藏效果實例
前言
因為最近手上項目也是資訊閱讀類，簡書，掘金，知乎的效果都想往項目上加，沒事就來仿寫。
選項卡動態(tài)隱藏.gif
效果呢，和知乎首頁一樣，可以去知乎看看；點擊back鍵可以返回頂部。下面話不多說了，來一起看看詳細的介紹吧。
想法：
- 列表上拉，選項卡隱藏，下滑出現(xiàn)；recycleView滾動監(jiān)聽(OnScrollListener)中onScrolled方法的dy參數(shù)，dy>0表示上拉，dy<0表示下滑，剛好合適。
- 選項卡怎么隱藏呢，屬性動畫，移動選項卡的相對位置View.TRANSLATION_Y(Y軸方向移動肯定是_Y),View.TRANSLATION系列都是相對運動，參考系是view原本的位置。
- 還有個問題，對于選項卡來說，它需要的顯隱時機是列表滑動方向改變，而不是只監(jiān)聽它的滑動；上拉改下滑，下滑改上拉這2個時機才能執(zhí)行動畫，不能在列表同一方向持續(xù)滾動時重復調用動畫。
步驟：
要寫多少代碼呢？ fragmeng中一個recycleView的監(jiān)聽要寫，一個接口要寫；activity中接口實現(xiàn)。沒了，代碼不多。
Fragment:
public interface RvScrollListener {
//滑動方向監(jiān)聽
void scrollType(boolean direction);
//是否滑動到頂部監(jiān)聽
void inTop(boolean top,RecyclerView recyclerView);
}
private RecyclerView.OnScrollListener mOnScrollListener = new RecyclerView.OnScrollListener() {
@Override
public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
super.onScrollStateChanged(recyclerView, newState);
if (fragmentposition != 0) {
//如果不是第一個fragment則返回
return;
}
LinearLayoutManager layoutManager = (LinearLayoutManager) recyclerView.getLayoutManager();
//得到當前列表第一個完全顯示的item的position
int position = layoutManager.findFirstCompletelyVisibleItemPosition();
if (position == 0) {
//如果position為0表示列表正處于頂部
mRvScrollListener.inTop(true, recyclerView);
} else {
mRvScrollListener.inTop(false, recyclerView);
}
}
@Override
public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
super.onScrolled(recyclerView, dx, dy);
//判斷滑動方向，recycleView item 上拉 下滑不同動畫
if (dy > 0) {
isUp = true;
} else {
isUp = false;
}
if (fragmentposition != 0) {
return;
//如果不是第一個fragment則返回
}
//過濾掉一些緩慢的滑動
if (Math.abs(dy) > 10) {
//滑動方向
mRvScrollListener.scrollType(dy > 0);
}
}
};
recycleView第一個監(jiān)聽方法：
@Override
public void onScrollStateChanged(RecyclerView recyclerView, int newState) {}
這個里面就做一件事情，判斷當前recycleView是否滑動到頂部，然后通過接口傳遞到activity中，當點擊back鍵時，如果不在頂部，則調用方法滾動到頂部。
recycleView第二個監(jiān)聽方法：
@Override
public void onScrolled(RecyclerView recyclerView, int dx, int dy) {}
做2件事，一是recyleView的item做動畫時，因為上拉和下滑動畫不一樣，代碼中 isUp 就是用來區(qū)分上拉下滑的((給recycleView的item做加載動畫使用))；
二是判斷滑動方向，接口傳遞到activity中。
Activity：
//上拉狀態(tài)
private boolean hasup = true;
//下滑狀態(tài)
private boolean hasdown = true;
//是否在頂部
private boolean inTop = true;
//從fragment傳遞過來的recycleView
private RecyclerView topRecyclerView;
BlankFragment.RvScrollListener mRvScrollListener = new BlankFragment.RvScrollListener() {
@Override
public void scrollType(boolean direction) {
//上拉
if (direction) {
hasdown = true;
//連續(xù)上拉，第一次有效
if (hasup) {
ObjectAnimator.ofFloat(mTablayout, View.TRANSLATION_Y, mTablayout.getTranslationY(), PixelChange.dp2px(XjwTablayoutActivity.this, 50)).setDuration(400).start();
hasup = false;
}
} else {//下滑
hasup = true;
//連續(xù)下滑，第一次有效
if (hasdown) {
ObjectAnimator.ofFloat(mTablayout, View.TRANSLATION_Y, mTablayout.getTranslationY(), 0).setDuration(400).start();
hasdown = false;
}
}
}
@Override
public void inTop(boolean top, RecyclerView recyclerView) {
inTop = top;
topRecyclerView = recyclerView;
}
};
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
//點擊返回鍵
if (keyCode == KeyEvent.KEYCODE_BACK) {
//如果當前不是第一個fragmeng則顯示第一個
if (mViewPager.getCurrentItem() != 0) {
mViewPager.setCurrentItem(0);
return true;
}
//如果當前recycleView沒有在頂部則返回頂部
if (!inTop) {
topRecyclerView.smoothScrollToPosition(0);
return true;
}
}
return super.onKeyDown(keyCode, event);
}
實現(xiàn)接口第一個方法:
@Override
public void scrollType(boolean direction) {}
方法里用到三個boolean值 direction ,hasup, hasdown ，direction判斷執(zhí)行上拉動畫或者下滑動畫；hasup和hasdown作用是：滑動有上拉，下滑2個狀態(tài)，處于一種狀態(tài)時動畫只執(zhí)行一次；比如列表正在持續(xù)上拉，監(jiān)聽也會觸發(fā)多次，上拉的多次觸動中只執(zhí)行一次動畫。
實現(xiàn)接口第二個方法:
@Override
public void inTop(boolean top, RecyclerView recyclerView) {}
就一個賦值作用，用在back鍵的點擊事件中onKeyDown。
back鍵點擊
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {}
一點需要注意：recycleView滾動到頂部，調用的是smoothScrollToPosition()方法，這個最簡單，調用別的方法譬如smoothScrollBy() ，還需要算距離，不過這個方法可以給插值器。
屬性動畫
//隱藏 ObjectAnimator.ofFloat(mTablayout, View.TRANSLATION_Y, mTablayout.getTranslationY(), PixelChange.dp2px(XjwTablayoutActivity.this, 50)).setDuration(400).start(); //顯示 ObjectAnimator.ofFloat(mTablayout, View.TRANSLATION_Y, mTablayout.getTranslationY(), 0).setDuration(400).start();
注意2個點，一個是 View.TRANSLATION_Y 這個參數(shù)要寫對，
另外一個是動畫的起始值：
如果隱藏動畫是從0dp移動到50dp,快速切換上拉下滑狀態(tài)時(手指快速上下滑動)控件就會閃。所以隱藏動畫中從 mTablayout.getTranslationY()的位置移動到 50 dp的位置，動態(tài)獲取當前選項卡位置就好了，顯示動畫同理。(寫50dp是因為我選項卡高度就是50dp)
另外把recycleView的item加載動畫代碼給出來:(這個寫在Adapter里面的,因為要在onBindViewHolder時調用)
protected Animator[] getAnimators(View view) { //上滑動畫
return new Animator[]{
ObjectAnimator.ofFloat(view, View.ROTATION, 120, 0).setDuration(400)
};
}
protected Animator[] getAnimatorsDown(View view) { //下拉動畫
return new Animator[]{
ObjectAnimator.ofFloat(view, View.TRANSLATION_Y, -100, 0).setDuration(400),
ObjectAnimator.ofFloat(view, View.SCALE_X, 0.7f, 1f).setDuration(400)
};
}
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
if (isUp) { //上拉
Animator[] animators = getAnimators(holder.itemView);
if (animators.length > 1) {
AnimatorSet animatorSet = new AnimatorSet();
animatorSet.playTogether(animators);
animatorSet.start();
} else {
for (Animator annimator : animators) {
annimator.start();
}
}
} else {//下拉
Animator[] animatorsDown = getAnimatorsDown(holder.itemView);
if (animatorsDown.length > 1) {
AnimatorSet animatorSet = new AnimatorSet();
animatorSet.playTogether(animatorsDown);
animatorSet.start();
} else {
for (Animator annimator : animatorsDown) {
annimator.start();
}
}
}
}
item加載動畫和選項卡顯隱動畫差不多，你可以把 View.SCALE_X 這種參數(shù)改一改，多試試效果，注意起始值。
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關文章
這篇文章主要介紹了Android自定義View之酷炫圓環(huán)，本文是第二篇針對Android圓環(huán)實現(xiàn)方法進行的詳細闡述，感興趣的小伙伴們可以參考一下2016-01-01
本文是小編給大家分享的更新Android Studio 3.0碰到的問題小結，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-11-11
這篇文章主要介紹了Android Touch事件分發(fā)過程,詳細描述了Android Touch事件的主要處理流程,有助于深入理解Android程序設計,需要的朋友可以參考下2014-09-09
Moshi?完美解決Gson在kotlin中默認值空的問題詳解
這篇文章主要為大家介紹了Moshi?完美解決Gson在kotlin中默認值空的問題詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
Android?手寫RecyclerView實現(xiàn)列表加載
這篇文章主要介紹了Android?手寫RecyclerView實現(xiàn)列表加載，涉及到列表的需求，肯定第一時間想到RecyclerView，即便是自定義View，那么RecyclerView也會是首選，為什么會選擇RecyclerView而不是ListView，主要就是RecyclerView的內存復用機制，這也是RecyclerView的核心?2022-08-08
本文主要介紹微信被舉報怎么解除?微信解除限制，這里整理了6種方法，有需要的小伙伴可以參考下2016-09-09
Android自定義TextBanner實現(xiàn)自動滾動
這篇文章主要為大家詳細介紹了Android自定義TextBanner實現(xiàn)自動滾動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07
Android開發(fā)之電話撥號器和短信發(fā)送器實現(xiàn)方法
這篇文章主要介紹了Android開發(fā)之電話撥號器和短信發(fā)送器實現(xiàn)方法,結合實例形式較為詳細的分析了Android電話撥號器和短信發(fā)送器的具體原理與實現(xiàn)步驟,需要的朋友可以參考下2015-12-12
Android WebView 優(yōu)化之路，如何才能更有效的對Android WebView進行優(yōu)化，本文將為大家一一舉例，感興趣的小伙伴們可以參考一下2016-02-02
Android使用MediaRecorder實現(xiàn)錄像功能
這篇文章主要為大家詳細介紹了Android使用MediaRecorder實現(xiàn)錄像功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06