Android - Gute Praxis für Tastenschatten

Question

Ich habe eine harte Zeit Positionierung von Tasten, die benutzerdefinierte Schatten haben.

Zum Beispiel schuf der Designer diese Schaltfläche:

Wie Sie sehen können, ist der Schatten am unteren Rand des Bildes größer.

Ich möchte das Tastenlayout nur die Schaltfläche enthalten, nicht den Schatten herum (aus verschiedenen Gründen: Ausrichtung, Auswirkung auf die Schaltfläche usw.). Also messe ich die Schatten auf jeder Seite und verwende sie als positive oder negative Ränder. Ich benutze auch android: clipChildren = "false", so dass der Schatten aus dem Tastenlayout angezeigt werden kann.

Aber wenn ich die Größe des Bildes ändern möchte, sind alle Ränder veraltet. Ist es wirklich eine gute Methode, Bilder mit Schatten auf Android zu verwenden? Oder gibt es einen einfachen Weg, um programmatisch die Schatten zu erreichen, die der Designer getan hat?

Vielen Dank im Voraus, jede Hilfe wäre willkommen.

Answer 1

Leider musste ich das obige Bild verwenden, daher konnte ich die Elevationsfunktion nicht verwenden. Ich empfehle Höhe zu verwenden, wie die anderen Antworten, wenn Sie die Wahl haben.

Wenn aber wie ich Sie nicht die Wahl haben, habe ich es geschafft, mit der "ClipChildren" -Eigenschaft und negativen Margen zu tun. Im Grunde lege ich ein frameLayout an die Stelle der Schaltfläche und füge ein nicht abgeschnittenes untergeordnetes ImageView hinzu, das das gesamte Bild mit negativen Rändern enthält.

Answer 2

Sie sollten Elevation Funktionalität nutzen kann als Teil des Material-Design für Android kommen. Sie können die Höhe für Ihre UI-Elemente definieren. Je höher die Höhe, desto tiefer ist der Schatten.

Natürlich gibt es Regeln und Richtlinien, die Sie brauchen, um durch: https://developer.android.com/training/material/shadows-clipping.html

Answer 3

stimmte ich zu bin mit CoderP Sie sollten mit Höhen Funktionalität verwenden.

 android:elevation="4dp"; 

Check-out einige tun ist und nicht in diesem Link: https://material.io/guidelines/material-design/elevation-shadows.html#elevation-shadows-object-relationships

Ich hoffe, das you.have ein gutes helfen.