Lorsque vous utilisez un AppBarLayout
widget dans la bibliothèque de support de conception, une ombre apparaît en bas de la barre d'outils. Comment puis-je supprimer cette ombre?
Lorsque vous utilisez un AppBarLayout
widget dans la bibliothèque de support de conception, une ombre apparaît en bas de la barre d'outils. Comment puis-je supprimer cette ombre?
Réponses:
Utilisez simplement app:elevation="0dp"
"AppBarLayout" pour supprimer l'ombre. Cela a toujours fonctionné pour moi. J'espère que ça marche pour toi.
setOutlineProvider
ce problème ne se produit que lorsque la version de l'API> = 21, si vous ne souhaitez pas modifier l'élévation, vous pouvez utiliser:
appBar.setOutlineProvider(null);
n'oubliez pas de vérifier la version de l'API
ÉDITER :
Blow est le code source de setOutlineProvider
.
/**
* Sets the {@link ViewOutlineProvider} of the view, which generates the Outline that defines
* the shape of the shadow it casts, and enables outline clipping.
* <p>
* The default ViewOutlineProvider, {@link ViewOutlineProvider#BACKGROUND}, queries the Outline
* from the View's background drawable, via {@link Drawable#getOutline(Outline)}. Changing the
* outline provider with this method allows this behavior to be overridden.
* <p>
* If the ViewOutlineProvider is null, if querying it for an outline returns false,
* or if the produced Outline is {@link Outline#isEmpty()}, shadows will not be cast.
* <p>
* Only outlines that return true from {@link Outline#canClip()} may be used for clipping.
*
* @see #setClipToOutline(boolean)
* @see #getClipToOutline()
* @see #getOutlineProvider()
*/
public void setOutlineProvider(ViewOutlineProvider provider) {
mOutlineProvider = provider;
invalidateOutline();
}
Il est dit que If the ViewOutlineProvider is null, if querying it for an outline returns false, or if the produced Outline is {@link Outline#isEmpty()}, shadows will not be cast.
Donc, si vous souhaitez supprimer l'ombre, vous feriez mieux d'utiliser cette méthode au lieu de définir app:elevation
. Il semble que changer l'élévation pour supprimer l'ombre soit une sorte d'effet secondaire. Et la modification de l'élévation peut entraîner d'autres problèmes dans certains cas.
Pour tous ceux qui ne veulent pas utiliser bringToFront()
et elevation="0dp"
fait disparaître la barre d'outils:
app:elevation="0dp"
combinded avec android:translationZ="0.1dp"
travaillé pour moi.
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/AppTheme.AppBarOverlay"
app:elevation="0dp"
android:translationZ="0.1dp"
>
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@null"
app:popupTheme="@style/AppTheme.PopupOverlay"/>
</android.support.design.widget.AppBarLayout>
Avec les dernières versions appcompat, le paramètre d'astuce app:elevation="0.1dp"
en xml ne fonctionne plus.
Jusqu'à présent, j'ai trouvé deux solutions.
Au lieu de définir app:elevation
, essayez d'utiliser un stateListAnimator. Par exemple, dans le code:
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
StateListAnimator stateListAnimator = new StateListAnimator();
stateListAnimator.addState(new int[0], ObjectAnimator.ofFloat(appBarLayout, "elevation", 0.1f));
appBarLayout.setStateListAnimator(stateListAnimator);
}
Un moyen plus simple est de toujours définir app:elevation="0dp"
en xml comme d'habitude, mais en code:
appBarLayout.bringToFront();
Le mérite revient à ces deux discussions:
ToolBar disparaît lors de la définition de l'élévation pour AppBarLayout
J'ai essayé app:elevation="0dp"
mais la barre d'outils disparaît, mais l'utilisation a app:elevation="0.1dp"
fait l'affaire.
J'espère que cela aide quelqu'un d'autre.
v25.0.0
.
Ajoutez app: elevation = "0dp" sur votre AppBarLayout. comme cet exemple
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:elevation="0dp"
android:theme="@style/AppTheme.AppBarOverlay">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/AppTheme.PopupOverlay" />
</android.support.design.widget.AppBarLayout>
Par programme, vous pouvez utiliser ceci: getSupportActionBar (). SetElevation (0.0f);