Android Barre d'outils + Onglet Mise en page + Tiroir, Masquer la barre d'outils lorsque vous faites défiler et prendre TabLayout vers le haut

Moins De Code Plus Efficace

Bonjour @Vishal j'ai trouvé trop pour vous. parce que je suis aussi à la recherche de ce sujet avant un certain temps.

Je l'ai trouvé un brillant bibliothèque nommée MaterialViewPager c'est de personnaliser entièrement avec ce que vous voulez cacher dans le mode de défilement.

Voir la vidéo sur https://www.youtube.com/watch?v=r95Tt6AS18c

D'abord vous avez besoin pour mettre en œuvre un défilement de l'auditeur. Ici vous pouvez trouver un exemple HidingScrollListener.

public abstract class HidingScrollListener extends RecyclerView.OnScrollListener {
private static final float HIDE_THRESHOLD = 10;
private static final float SHOW_THRESHOLD = 70;
private int mToolbarOffset = 0;
private boolean mControlsVisible = true;
private int mToolbarHeight;
private int mTotalScrolledDistance;
private int previousTotal = 0;
private boolean loading = true;
private int visibleThreshold = 4;
int firstVisibleItem, visibleItemCount, totalItemCount;
private LinearLayoutManager layoutManager;
public HidingScrollListener(Context context, LinearLayoutManager layoutManager) {
mToolbarHeight = Tools.getToolbarHeight(context);
this.layoutManager = layoutManager;
}
@Override
public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
super.onScrollStateChanged(recyclerView, newState);
if (newState == RecyclerView.SCROLL_STATE_IDLE) {
if (mTotalScrolledDistance < mToolbarHeight) {
setVisible();
} else {
if (mControlsVisible) {
if (mToolbarOffset > HIDE_THRESHOLD) {
setInvisible();
} else {
setVisible();
}
} else {
if ((mToolbarHeight - mToolbarOffset) > SHOW_THRESHOLD) {
setVisible();
} else {
setInvisible();
}
}
}
}
}
@Override
public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
super.onScrolled(recyclerView, dx, dy);
clipToolbarOffset();
onMoved(mToolbarOffset);
if ((mToolbarOffset < mToolbarHeight && dy > 0) || (mToolbarOffset > 0 && dy < 0)) {
mToolbarOffset += dy;
}
if (mTotalScrolledDistance < 0) {
mTotalScrolledDistance = 0;
} else {
mTotalScrolledDistance += dy;
}
//for load more
visibleItemCount = recyclerView.getChildCount();
totalItemCount = layoutManager.getItemCount();
firstVisibleItem = layoutManager.findFirstVisibleItemPosition();
if (loading) {
if (totalItemCount > previousTotal) {
loading = false;
previousTotal = totalItemCount;
}
}
if (!loading && (totalItemCount - visibleItemCount) <= (firstVisibleItem + visibleThreshold)) {
//End has been reached
//Do something
loading = true;
onLoadMore();
}
}
private void clipToolbarOffset() {
if (mToolbarOffset > mToolbarHeight) {
mToolbarOffset = mToolbarHeight;
} else if (mToolbarOffset < 0) {
mToolbarOffset = 0;
}
}
private void setVisible() {
if (mToolbarOffset > 0) {
onShow();
mToolbarOffset = 0;
}
mControlsVisible = true;
}
private void setInvisible() {
if (mToolbarOffset < mToolbarHeight) {
onHide();
mToolbarOffset = mToolbarHeight;
}
mControlsVisible = false;
}
public abstract void onMoved(int distance);
public abstract void onShow();
public abstract void onHide();
public abstract void onLoadMore();
}

Que vous avez besoin de modifier votre RecyclerView adaptateur. Vous avez besoin d'ajouter une vue vide au-dessus de votre RecyclerView aussi élevé que votre votre Tolbar.

Voici un exemple de mise en page pour votre vue vide.

<?xml version="1.0" encoding="utf-8"?>
<View xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="@dimen/abc_action_bar_default_height_material" />

Que vous avez besoin de remplacer votre adaptateur getItemViewType et getITemCount méthodes comme ci-dessous.

@Override
public int getItemViewType(int position) {
if (isPositionHeader(position)) {
return TYPE_HEADER;
}
return TYPE_ITEM;
}
private boolean isPositionHeader(int position) {
return position == 0;
}
@Override
public int getItemCount() {
return mObjects.size() + 1;
}

Que dans l'adaptateur onCreateViewHolder méthode renvoie une mise en page correcte de votre RecyclerView la position de likew ci-dessous:

 @Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = null;
switch (viewType) {
case TYPE_HEADER:
view = LayoutInflater.from(mContext).inflate(R.layout.layout_recycler_header, parent, false);
return new RecyclerHeaderViewHolder(view);
default:
view = LayoutInflater.from(mContext).inflate(R.layout.row_recyclerview_category, parent, false);
return new ViewHolder(view);
}
}

Et enfin ajouter votre HidingScrollListener mise en œuvre de votre RecyclerView comme ci-dessous:

final int mToolbarHeight = Tools.getToolbarHeight(getActivity());
RecyclerView mRecyclerView = (RecyclerView) view.findViewById(R.id.recyclerview);
LinearLayoutManager linearLayoutManager = new LinearLayoutManager(getActivity());
linearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);
mRecyclerView.setLayoutManager(linearLayoutManager);
mRecyclerView.setAdapter(mAdapter);
mViewPager.setPadding(mRecyclerView.getPaddingLeft(),
mToolbarHeight,
mRecyclerView.getPaddingRight(),
mRecyclerView.getPaddingBottom());
mHidingScrollListener = new HidingScrollListener(getActivity(), linearLayoutManager) {
@Override
public void onMoved(int distance) {
mToolbarContainer.setTranslationY(-distance);
}
@Override
public void onShow() {
mToolbarContainer.animate().translationY(0).setInterpolator(new DecelerateInterpolator(2)).start();
}
@Override
public void onHide() {
mToolbarContainer.animate()
.translationY(-mToolbarHeight)
.setInterpolator(new AccelerateInterpolator(2))
.start();
}
@Override
public void onLoadMore() {
}
};
mRecyclerView.setOnScrollListener(mHidingScrollListener);

Je l'espère, je comprends votre problème correctement, et mon application peut vous aider.

Bonne chance.

Edit: Vous pouvez mettre en œuvre LoadMore et PullToRefresh facilement mise en œuvre de cette solution. Vous pouvez ajouter votre demande d'api pour loadMore. Il y a un tricy partie dans PullToRefresh. Après vous tirez à rafraîchir, nettoyer vos données et de les informer de l'adaptateur de ne pas oublier de définir visibleItemCount et totalItemCount à 0 dans votre cachette de défilement de la mise en œuvre. Si vous n'avez pas mis à 0, après avoir actualisé votre charge plus ne fonctionnera pas correctement. Vous aurez moins de données que votre nombre d'éléments dans le fonctionnement de la pagination.

Vous pouvez essayer le suivant, que j'ai utilisé pour masquer la barre d'outils, et de faire de la scrollview prendre la totalité de l'écran pour la pleine page de lecture dans ma conception de l'application.

Elle est comme suit.

1. Masquer la barre d'outils.
2. Obtenir l'écran de votre téléphone de largeur et de Hauteur.
3. Magasin de l'Onglet mise en page de la Hauteur et la largeur d'une variable temporaire.
4. Attribuer l'écran du téléphone de la largeur et de la Hauteur de l'Onglet Mise en page.

Cela peut être fait de la manière suivante:

getSupportActionBar().hide();    
int mwidth = getApplicationContext().getResources().getDisplayMetrics().widthPixels;
int mheight = getApplicationContext().getResources().getDisplayMetrics().heightPixels;
temp = (TabLayout) myfrag.getActivity().findViewById(R.id.TabLayout_genesis);
int getwidth = temp.getWidth();
int getheight = temp.getHeight();
temp.setMinimumHeight(mheight);
temp.setMinimumWidth(mwidth);

Espère que cela aide.

Autant que je sache, il n'y a rien construire en qui fait cela pour vous. Cependant, vous pourriez avoir un coup d'oeil à la Google IO du code, en particulier la BaseActivity. Recherche pour "auto hide" ou regarder onMainContentScrolled

Afin de masquer la Barre d'outils, vous pouvez tout simplement faire quelque chose comme ceci:

toolbar.animate().translationY(-toolbar.getBottom()).setInterpolator(new AccelerateInterpolator()).start();

Si vous voulez montrer à nouveau, vous composez le:

toolbar.animate().translationY(0).setInterpolator(new DecelerateInterpolator()).start();

Trouve ici: android lollipop barre d'outils: comment masquer/afficher la barre d'outils pendant le défilement?

Pour masquer la Barre d'outils en tout temps, vous pouvez utiliser :

getSupportActionBar().hide();

pour plus d'explications vue url1 ou url2