Sto aggiornando la mia app con la nuova barra degli strumenti dalla libreria di supporto v21. Il mio problema è che la barra degli strumenti non getta alcuna ombra se non imposto l'attributo "elevazione". È un comportamento normale o sto facendo qualcosa di sbagliato?

Il mio codice è:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:orientation="vertical">

   <android.support.v7.widget.Toolbar
       xmlns:app="http://schemas.android.com/apk/res-auto"
       android:id="@+id/my_awesome_toolbar"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:background="?attr/colorPrimary"
       android:elevation="4dp"
       android:minHeight="?attr/actionBarSize"
       app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
       app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

   <FrameLayout
       android:id="@+id/FrameLayout1"
       android:layout_width="match_parent"
       android:layout_height="match_parent">
       .
       .
       .

E nella mia attività - Metodo OnCreate:

    Toolbar toolbar = (Toolbar) findViewById(R.id.my_awesome_toolbar);
    setSupportActionBar(toolbar);

Ho finito per impostare la mia ombra esterna per la barra degli strumenti, ho pensato che potesse essere utile per chiunque lo cercasse:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:app="http://schemas.android.com/apk/res-auto"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_gravity="top"
              android:orientation="vertical">

    <android.support.v7.widget.Toolbar android:id="@+id/toolbar"
                                       android:layout_width="match_parent"
                                       android:layout_height="wrap_content"
                                       android:background="@color/color_alizarin"
                                       android:titleTextAppearance="@color/White"
                                       app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>

    <FrameLayout android:layout_width="match_parent"
                 android:layout_height="match_parent">

        <!-- **** Place Your Content Here **** -->

        <View android:layout_width="match_parent"
              android:layout_height="5dp"
              android:background="@drawable/toolbar_dropshadow"/>

    </FrameLayout>

</LinearLayout>

@ Drawable / toolbar_dropshadow:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
       android:shape="rectangle">

    <gradient android:startColor="@android:color/transparent"
              android:endColor="#88333333"
              android:angle="90"/>

</shape>

@ Colore / color_alizarin

<color name="color_alizarin">#e74c3c</color>

Google ha rilasciato la libreria di supporto alla progettazione qualche settimana fa e in questa libreria è presente una soluzione elegante per questo problema.

Aggiungi la libreria del supporto di progettazione come dipendenza in build.gradle:

compile 'com.android.support:design:22.2.0'

Aggiungi AppBarLayoutfornito dalla libreria come wrapper attorno al Toolbarlayout per generare un'ombra esterna.

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
       <android.support.v7.widget.Toolbar
           .../>
    </android.support.design.widget.AppBarLayout>

Ecco il risultato:

Ci sono molti altri trucchi con la libreria di supporto alla progettazione.

1. http://inthecheesefactory.com/blog/android-design-support-library-codelab/en
2. http://android-developers.blogspot.in/2015/05/android-design-support-library.html

AndroidX

Come sopra ma con dipendenza:

implementation 'com.google.android.material:material:1.0.0'

e com.google.android.material.appbar.AppBarLayout

Non è possibile utilizzare l'attributo elevazione prima dell'API 21 (Android Lollipop). È tuttavia possibile aggiungere l'ombra a livello di codice, ad esempio utilizzando una vista personalizzata posizionata sotto la barra degli strumenti.

@ Layout / barra degli strumenti

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/blue"
    android:minHeight="?attr/actionBarSize"
    app:theme="@style/ThemeOverlay.AppCompat.ActionBar" />

<View
    android:id="@+id/toolbar_shadow"
    android:layout_width="match_parent"
    android:layout_height="3dp"
    android:background="@drawable/toolbar_dropshadow" />

@ Drawable / toolbar_dropshadow

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
    <gradient
        android:startColor="@android:color/transparent"
        android:endColor="#88333333"
        android:angle="90"/> </shape>

nel layout dell'attività <include layout="@layout/toolbar" />

Utilizzare le cartelle / valori per applicare lo stile ombra corretto in base alla versione del sistema operativo.

Per meno di 5.0 dispositivi , uso /values/styles.xml per aggiungere windowContentOverlay al corpo della vostra attività:

<style name="MyViewArea">
    <item name="android:foreground">?android:windowContentOverlay</item>
</style>

<style name="MyToolbar">
    <item name="android:background">?attr/colorPrimary</item>
</style>

Quindi aggiungi la tua ombra personalizzata modificando il tema per includere:

<item name="android:windowContentOverlay">@drawable/bottom_shadow</item>

Puoi prendere la risorsa shadow dell'app IO di Google qui: https://github.com/google/iosched/blob/master/android/src/main/res/drawable-xxhdpi/bottom_shadow.9.png

Per i dispositivi 5.0 e versioni successive , utilizzare /values-v21/styles.xml per aggiungere l' elevazione alla barra degli strumenti utilizzando uno stile di intestazione personalizzato:

<style name="MyViewArea">
</style>

<style name="MyToolbar">
    <item name="android:background">?attr/colorPrimary</item>
    <item name="android:elevation">4dp</item>
</style>

Si noti che nel secondo caso, ho dovuto creare un vuoto MyViewArea stile in modo che il windowContentOverlay non avrebbe mostrato troppo.

[Aggiornamento: ha cambiato i nomi delle risorse e aggiunto Google Shadow.]

Questo ha funzionato molto bene per me:

<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/primary"
    card_view:cardElevation="4dp"
    card_view:cardCornerRadius="0dp">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/primary"
        android:minHeight="?attr/actionBarSize" />

</android.support.v7.widget.CardView>

Se si sta impostando il ToolBarcome ActionBarallora basta chiamare:

getSupportActionBar().setElevation(YOUR_ELEVATION);

Nota: questo deve essere chiamato dopo setSupportActionBar(toolbar);

Ho aggiunto

<android.support.v7.widget.Toolbar
...
android:translationZ="5dp"/>

nella descrizione della barra degli strumenti e funziona per me. Usando 5.0+

Il mio problema è che la barra degli strumenti non getta alcuna ombra se non imposto l'attributo "elevazione". È un comportamento normale o sto facendo qualcosa di sbagliato?

Questo è il comportamento normale. Vedi anche le FAQ alla fine di questo post .

Stavo giocando con questo per ore, ecco cosa ha funzionato per me.

Rimuovi tutti gli elevationattributi dai widget appBarLayoute Toolbar(anche styles.xmlse stai applicando uno stile).

Ora all'interno dell'attività, applica il elvationtuo actionBar:

Toolbar toolbar = (Toolbar)findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
getSupportActionBar().setElevation(3.0f);

Questo dovrebbe funzionare.

Puoi anche farlo funzionare con RelativeLayout. Questo riduce un po 'l'annidamento del layout;)

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <include
        android:id="@+id/toolbar"
        layout="@layout/toolbar" />

    <FrameLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/toolbar" />

    <View
        android:layout_width="match_parent"
        android:layout_height="5dp"
        android:layout_below="@id/toolbar"
        android:background="@drawable/toolbar_shadow" />
</RelativeLayout>

Tutto ciò che serve è android:margin_bottomuguale al android:elevationvalore. No AppBarLayout, clipToPaddingecc. Richiesto.

Esempio:

<?xml version="1.0" encoding="utf-8"?>
<androidx.appcompat.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:layout_marginBottom="4dp"
    android:background="@android:color/white"
    android:elevation="4dp">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <!--Inner layout goes here-->

    </androidx.constraintlayout.widget.ConstraintLayout>
</androidx.appcompat.widget.Toolbar>

Per 5.0+: puoi usare AppBarLayout con Toolbar. AppBarLayout ha attributo "elevazione".

 <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:elevation="4dp"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <include layout="@layout/toolbar" />
    </android.support.design.widget.AppBarLayout>

actionbar_background.xml

    <item>
        <shape>
            <solid android:color="@color/black" />
            <corners android:radius="2dp" />
            <gradient
                android:startColor="@color/black"
                android:centerColor="@color/black"
                android:endColor="@color/white"
                android:angle="270" />
        </shape>
    </item>

    <item android:bottom="3dp" >
        <shape>

            <solid android:color="#ffffff" />
            <corners android:radius="1dp" />
        </shape>
    </item>
</layer-list>

aggiungi allo sfondo actionbar_style

<style name="Theme.ActionBar" parent="style/Widget.AppCompat.Light.ActionBar.Solid">
    <item name="background">@drawable/actionbar_background</item>
    <item name="android:elevation">0dp</item>
    <item name="android:windowContentOverlay">@null</item>
    <item name="android:layout_marginBottom">5dp</item>

name = "displayOptions"> useLogo | Showhome | showtitle | showCustom

aggiungi a Basetheme

<style name="BaseTheme" parent="Theme.AppCompat.Light">
   <item name="android:homeAsUpIndicator">@drawable/home_back</item>
   <item name="actionBarStyle">@style/Theme.ActionBar</item>
</style>

La maggior parte delle soluzioni funziona bene qui. Vorrei mostrare un'altra alternativa simile:

Gradle:

implementation 'androidx.appcompat:appcompat:1.0.0-rc02'
implementation 'com.google.android.material:material:1.0.0-rc02'
implementation 'androidx.core:core-ktx:1.0.0-rc02'
implementation 'androidx.constraintlayout:constraintlayout:1.1.3'

Il layout può avere una vista della barra degli strumenti e un'ombra per essa, di seguito, simile a questa (è necessario modificarla ovviamente):

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:titleTextAppearance="@style/Base.TextAppearance.Widget.AppCompat.Toolbar.Title"/>

    <include
        layout="@layout/toolbar_action_bar_shadow"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

</LinearLayout>

res / drawable-V21 / toolbar_action_bar_shadow.xml

<androidx.appcompat.widget.AppCompatImageView
    xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
    android:layout_height="wrap_content" android:src="@drawable/msl__action_bar_shadow"/>

res / drawable / toolbar_action_bar_shadow.xml

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent" android:layout_height="wrap_content"
    android:foreground="?android:windowContentOverlay" tools:ignore="UnusedAttribute"/>

res / drawable / msl__action_bar_shadow.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape
            android:dither="true"
            android:shape="rectangle" >
            <gradient
                android:angle="270"
                android:endColor="#00000000"
                android:startColor="#33000000" />

            <size android:height="10dp" />
        </shape>
    </item>

</layer-list>

styles.xml

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
</resources>

MainActivity.kt

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        setSupportActionBar(toolbar as Toolbar)
    }
}

Esempio completo qui , come ho notato l'IDE ha un bug nel dire che l' foregroundattributo è troppo nuovo per essere usato qui.

Ho avuto un problema simile con l'ombra. L'ombra è disegnata dal genitore diretto di AppBarLayout nel mio caso. Se l'altezza del genitore è la stessa di AppBarLayout, l'ombra non può essere disegnata. Pertanto, il controllo delle dimensioni del layout principale e forse del rifacimento del layout può risolvere il problema. https://www.reddit.com/r/androiddev/comments/6xddb0/having_a_toolbar_as_a_fragment_the_shadow/

La risposta corretta sarà aggiungere
android: backgroundTint = "# ff00ff" alla barra degli strumenti con android: background = "@ android: color / white"

Se usi un altro colore, allora il bianco per lo sfondo rimuoverà l'ombra. Bel Google!