Android-Untere Navigationsleiste mit Schlagschatten

Ich bin Implementierung Bottom Navigation Bar in der Android-app mit Die Google-support-design-Bibliothek v25.1.0. Gibt es eine Möglichkeit, add-drop-Schatten-Effekt, ebenso wie aktuelle Android-native Google-app "Fotos"?

Android-Untere Navigationsleiste mit Schlagschatten

InformationsquelleAutor Jan Slominski | 2017-01-14

  1. 48

    Können Sie ziehen Sie Ihre eigenen Schatten genau über der unteren Leiste mit einfachen Ansicht und seinen hintergrund:

    <View
    android:layout_width="match_parent"
    android:layout_height="4dp"
    android:layout_above="@id/bottom_bar"
    android:background="@drawable/shadow"/>

    drawable/shadow.xml:

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

    Außerdem gibt es keine Kompatibilitätsprobleme, wenn dieses Ansatzes.

    Hervorragende Lösung. Danke.
    Perfekt für die Kompatibilität mit alten Androiden

    InformationsquelleAutor Alexander Bilchuk

  2. 4

    Können Sie Höhe zum hinzufügen von Schatten zu jeder Ansicht

    <TextView
android:id="@+id/myview"
...
android:elevation="2dp"

android:background="@drawable/myrect" />

    Finden diese weitere Informationen

    Funktioniert nicht in meinem Projekt: "Attribut" Höhe " ist nur verwendet in der API-level 21 und höher (aktuell min 16)" verwendet, wenn es funktioniert hat.

    InformationsquelleAutor SGR

  3. 2

    Wer über ein CoordinatorLayout mit der Unteren Navigationsleiste (oder BottomAppBar), können Sie den folgenden Anhängen ein Schatten über der bar:

    <View
    android:layout_width="match_parent"
    android:layout_height="4dp"
    android:background="@drawable/shadow"
    app:layout_anchor="@+id/toolbar"
    app:layout_anchorGravity="top"/>

    Offensichtlich ist, ersetzen Sie die @+id/toolbar mit der id der Unteren Navigationsleiste

    InformationsquelleAutor Andy S

Schreibe einen Kommentar