Comment faire pour que la barre d'outils soit visible ou invisible lors de l'utilisation de Google Design Library?

Je suis en train de réaliser un effet comme WhatsApp a, où la Barre d'outils (lors d'un défilement) clip en vue magnetlike, ou hors de vue magnetlike.

Ce que j'ai im mon MainActivity XML:

  • DrawerLayout - Présentation De La Base
  • CoordinatorLayout - Mise en page de la barre d'application et la Barre d'outils et Onglets
  • AppBarLayout - Pour la tenue de la Barre d'outils et Onglets
  • De la barre d'outils a CE drapeau: app:layout_scrollFlags="scroll|enterAlways"
  • SlidingTabLayout - Affiche les onglets
  • ViewPager - Pour les onglets
  • RecyclerView - Pour coordinatorlayout

Maintenant ne vous méprenez pas, il fonctionne, quand je scroll vers le bas la barre d'outils est poussé hors de la vue, mais dire que j'ai arrêter le défilement à mi-chemin, puis la barre d'outils se trouve juste là, à moitié caché hors de la vue et de l'autre moitié de vue..

Comment puis-je m'approche de la résolution de ce problème, comme je veux qu'il soit snap hors de la vue ou de la vue.

source d'informationauteur Linxy

  1. 37

    Cette fonctionnalité a été ajoutée dans 23.1.0 version d'android support library.
    À partir de notes de publication:

    Ajouté le bord de l'accrochage de soutien à la AppBarLayout classe par l'ajout de l'
    SCROLL_FLAG_SNAP constante. Lorsque le défilement se termine, si la vue n'est
    partiellement visible, la vue est cassé et a défilé pour les plus proches
    bord.

    <android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

           <android.support.v7.widget.Toolbar
                    android:id="@+id/toolbar"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    app:layout_scrollFlags="scroll|enterAlways|snap" />
           -----
           -----

    Pour plus d'info: http://android-developers.blogspot.in/2015/10/android-support-library-231.html

  2. 7

    EDIT: comme de soutien 23.1.0 ce n'est plus nécessaire. Voir cette réponse à la place.

    Une façon possible de résoudre ce problème est la personnalisation de la Behavior mis à votre AppBarLayout.

    <android.support.design.widget.AppBarLayout
    app:layout_behavior="com.myapp.AppBarLayoutSnapBehavior"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    ...

    Votre AppBarLayoutSnapBehavior serait de changer le comportement par défaut de AppBarLayout.Behavioren ajoutant le composant logiciel enfichable logique lorsque le défilement s'arrête.
    Heureusement, le code ci-dessous est auto-explicatif.

    package com.myapp;
public class AppBarLayoutSnapBehavior extends AppBarLayout.Behavior {
private ValueAnimator mAnimator;
private boolean mNestedScrollStarted = false;
public AppBarLayoutSnapBehavior(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
public boolean onStartNestedScroll(CoordinatorLayout coordinatorLayout, AppBarLayout child,
View directTargetChild, View target, int nestedScrollAxes) {
mNestedScrollStarted = super.onStartNestedScroll(coordinatorLayout, child, directTargetChild, target, nestedScrollAxes);
if (mNestedScrollStarted && mAnimator != null) {
mAnimator.cancel();
}
return mNestedScrollStarted;
}
@Override
public void onStopNestedScroll(CoordinatorLayout coordinatorLayout, AppBarLayout child, View target) {
super.onStopNestedScroll(coordinatorLayout, child, target);
if (!mNestedScrollStarted) {
return;
}
mNestedScrollStarted = false;
int scrollRange = child.getTotalScrollRange();
int topOffset = getTopAndBottomOffset();
if (topOffset <= -scrollRange || topOffset >= 0) {
//Already fully visible or fully invisible
return;
}
if (topOffset < -(scrollRange / 2f)) {
//Snap up (to fully invisible)
animateOffsetTo(-scrollRange);
} else {
//Snap down (to fully visible)
animateOffsetTo(0);
}
}
private void animateOffsetTo(int offset) {
if (mAnimator == null) {
mAnimator = new ValueAnimator();
mAnimator.setInterpolator(new DecelerateInterpolator());
mAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
setTopAndBottomOffset((int) animation.getAnimatedValue());
}
});
} else {
mAnimator.cancel();
}
mAnimator.setIntValues(getTopAndBottomOffset(), offset);
mAnimator.start();
}
}

    Le seul truc, c'est que le défilement de l'affichage (dans mon cas un RecyclerView) s'aligne avec le Toolbar. En fait, j'aime cette façon, mais je ne suis pas certain de ce que vous voulez.

  3. 0

    Je viens de cacher la barre d'action de mise en page dans l'activité principale et réglée pour CollapsingToolbarLayout.
    il fonctionne pour moi.

    dans l'activité principale

        setSupportActionBar(mToolbar);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);     
getSupportActionBar().hide();
CollapsingToolbarLayout collapsingToolbar =
(CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar);
collapsingToolbar.setTitle("Name");
loadBackdrop();

    et layout_activity_main

    <android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="@dimen/detail_backdrop_height"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
android:fitsSystemWindows="true">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_scrollFlags="scroll|snap"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:expandedTitleMarginStart="48dp"
app:expandedTitleMarginEnd="64dp">
<ImageView
android:id="@+id/backdrop"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
android:fitsSystemWindows="true"
app:layout_collapseMode="parallax" />
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
app:layout_collapseMode="pin" />
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>