Wie füge ich Schatten zu dem FAB hinzu, der mit der Android-Support-Design-Bibliothek geliefert wird?

Question

Der Titel ist ziemlich selbsterklärend.

Der folgende Code rendert den Schatten nicht unter dem Floating Action Button. Was kann getan werden, um Schatten zu rendern? Wird diese Funktion auch in API 21+ nicht unterstützt?

<android.support.design.widget.FloatingActionButton 
    android:layout_height="wrap_content" 
    android:layout_width="wrap_content" 
    android:src="@drawable/ic_add" 
    android:clickable="true" /> 

Hinweis: android:elevation Hinzufügen nicht fügen Schatten auf API 21.

Screenshot aus dem Beispiel von dandar3 genommen: https://github.com/dandar3/android-support-design

Answer 1

einfach app:borderWidth="0dp" beheben Sie dieses Fragen für mich Einstellung .

Hinweis: vergessen Sie nicht, xmlns:app="http://schemas.android.com/apk/res-auto" zu Ihrem Root-Layout hinzuzufügen.

Diese issue sollte in der nächsten Version der Android-Design-Bibliothek behoben werden.

Answer 2

Für API 21+ müssen Sie app:borderWidth="0dp" und app:elevation="[number]dp" einstellen. Einstellen Höhe Sie die Größe der Schatten geben, die Sie wollen:

Hier ein Beispiel-Code für API ist 21+:

<android.support.design.widget.FloatingActionButton 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:id="@+id/locate_user_FAB" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:src="@drawable/location_off" 
    app:elevation="6dp" 
    app:borderWidth="0dp" 
    android:layout_above="@+id/take_taxi_FAB" 
    app:backgroundTint="@color/colorAccentGrey"> 

Eine wichtige Sache zu erinnern, für APIs unter 21 (Android 4), ist für Begriffe der Kompatibilität FAB wird eine Marge um Ihre Schaltfläche setzen, um den Schatten zu zeichnen. Dann sollten Sie etwas tun (ich zur Zeit diesen Code und Werken bin mit):

<android.support.design.widget.FloatingActionButton 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:id="@+id/locate_user_FAB" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:src="@drawable/location_off" 
    app:elevation="6dp" 
    app:borderWidth="0dp" 
    android:layout_above="@+id/take_taxi_FAB" 
    android:layout_alignParentRight="true" 
    android:layout_marginRight="@dimen/map_FAB_marginRight" 
    android:layout_marginBottom="@dimen/locate_user_FAB_marginBottom" 
    app:backgroundTint="@color/colorAccentGrey"> 

Ich ziehe xmlns:app="http://schemas.android.com/apk/res-auto" am Anfang des XML zu setzen, aber ich habe es nur daran erinnern;]

Answer 3

Wenn dies immer noch nicht funktioniert für einige gibt es einen signifikanten Unterschied zwischen ist:

app:elevation="6dp" 
app:borderWidth="0dp" 

und

app:borderWidth="0dp" 
app:elevation="6dp" 

Auftrag scheint aus irgendeinem Grund (Der erste Auftrag arbeitet, die zweite nicht), und dies ist von der Support-Bibliothek 23.3.0

Answer 4

überprüfen Manifest in Projekt oder Bibliotheken in Anwendungs ​​Tag und löschen sie

Materie

android:hardwareAccelerated="false" 
android:largeHeap="true" 

Aber wenn Sie diese Optionen müssen dann Schatten und Transformationsanimationen werden nicht funktionieren

Answer 5

ich das gleiche Problem wurde erlebt und ich habe es durch das Löschen dieses Tages von meinem AndroidManifest.xml zu arbeiten.

android:hardwareAccelerated="false" 

Ich habe es zunächst zusammen mit android:largeHeap="true", weil ich dachte, dass ich es für eine HeatMap benötigt, in denen eine große Anzahl von Punkten, wo gezeigt wird, aber dann merkte ich es nur mit android:largeHeap="true" arbeiten kann.