Shadows In Compose | Jetpack Compose Tips

ADHITHYA RAMAKUMAR: Users love apps with depth, dimension, and realism.

ADHITHYA RAMAKUMAR: Nutzer lieben Apps mit Tiefe, Dimension und Realismus.

One of the easiest, yet effective, ways to achieve this is shadows.

Eine der einfachsten, aber wirkungsvollsten Möglichkeiten, dies zu erreichen, sind Schatten.

For a long time, our mechanisms for rendering shadows were constrained to different elevation levels.

Lange Zeit waren unsere Mechanismen zum Rendern von Schatten auf verschiedene Höhenstufen beschränkt.

While you can still leverage these presets, they historically lacked a straightforward bot for fine-grained control that you have in popular design tools.

Obwohl du diese Voreinstellungen weiterhin nutzen kannst, fehlte ihnen historisch gesehen eine einfache Möglichkeit für die feine Kontrolle, die du in beliebten Design-Tools hast.

However, our latest Compose APIs now grant us a great level of precision with two new powerful modifiers, drop shadows and inner shadows.

Unsere neuesten Compose-APIs gewähren uns jedoch ein großartiges Maß an Präzision mit zwei neuen leistungsstarken Modifikatoren: Drop Shadows und Inner Shadows.

In the next few minutes, we will go beyond rudimentary elevation to construct truly delightful user interfaces, all through shadows.

In den nächsten Minuten werden wir über die rudimentäre Elevation hinausgehen, um wirklich ansprechende Benutzeroberflächen zu erstellen – alles durch Schatten.

All right, let's dive in.

Also, tauchen wir ein.

[MUSIC PLAYING]

[MUSIC PLAYING]

Typically, design specs for shadows revolve around four fundamental parameters.

Typischerweise drehen sich Design-Spezifikationen für Schatten um vier grundlegende Parameter.

These include the x and y offsets, the blur radius, the spread, and, of course, the color.

Diese umfassen den X- und Y-Versatz, den Unschärferadius, die Ausbreitung und natürlich die Farbe.

The drop shadow modifier provides an interface for you to control each of these aspects through its shadow parameter.

Der Drop-Shadow-Modifikator bietet dir eine Schnittstelle, um jeden dieser Aspekte über seinen Shadow-Parameter zu steuern.

Let's look at how to use drop shadow. The radius parameter dictates the softness and diffusion of your blur.

Schauen wir uns an, wie man Drop Shadow verwendet. Der Radius-Parameter bestimmt die Weichheit und Streuung deiner Unschärfe.