Layouts in „Compose“
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Mit Jetpack Compose können Sie ganz einfach ein effizientes Layout für Ihre App entwerfen.
Auf den folgenden Seiten finden Sie Informationen zum Entwerfen und Implementieren Ihres Layouts:
- Layout-Grundlagen: Hier erfahren Sie mehr über die Bausteine für eine einfache App-Benutzeroberfläche.
- Material-Komponenten und -Layouts: Hier erfahren Sie mehr über Material-Komponenten und -Layouts in Compose.
- Benutzerdefinierte Layouts: Hier erfahren Sie, wie Sie das Layout Ihrer App anpassen und ein eigenes benutzerdefiniertes Layout entwerfen können.
- Verschiedene Displaygrößen unterstützen: Hier erfahren Sie, wie Sie mit Compose Layouts erstellen, die sich an verschiedene Bildschirmgrößen, Ausrichtungen und Formfaktoren anpassen.
- Ausrichtungslinien: Hier erfahren Sie, wie Sie benutzerdefinierte Ausrichtungslinien erstellen, um UI-Elemente präzise auszurichten und zu positionieren.
- Integrierte Messungen: Hier erfahren Sie, wie Sie eine integrierte Höhe oder Breite für Ihre UI-Elemente festlegen können, um genau zu steuern, wie die Elemente im Layout angeordnet werden.
- ConstraintLayout: Hier erfahren Sie, wie Sie
ConstraintLayout
in Ihrer Compose-Benutzeroberfläche verwenden.
Weitere Informationen
Empfehlungen für dich
Alle Inhalte und Codebeispiele auf dieser Seite unterliegen den Lizenzen wie im Abschnitt Inhaltslizenz beschrieben. Java und OpenJDK sind Marken oder eingetragene Marken von Oracle und/oder seinen Tochtergesellschaften.
Zuletzt aktualisiert: 2025-08-27 (UTC).
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2025-08-27 (UTC)."],[],[],null,["Jetpack Compose makes it easy to design an efficient layout for your app.\n\nThe following pages provide details on how to design and implement your layout:\n\n- [Layout basics](/develop/ui/compose/layouts/basics): Learn about the building blocks for a straightforward app UI.\n- [Material components and layouts](/develop/ui/compose/components): Learn about Material components and layouts in Compose.\n- [Custom layouts](/develop/ui/compose/layouts/custom): Learn how to take control of your app's layout, and how to design a custom layout of your own.\n- [Support different display sizes](/develop/ui/compose/layouts/adaptive/support-different-display-sizes): Learn how to use Compose to build layouts that adapt to different screen sizes, orientations, and form factors.\n- [Alignment lines](/develop/ui/compose/layouts/alignment-lines): Learn how to create custom alignment lines to precisely align and position your UI elements.\n- [Intrinsic measurements](/develop/ui/compose/layouts/intrinsic-measurements): Learn how to set an intrinsic height or width for your UI elements, giving you precise control over how the elements are arranged in the layout.\n- [ConstraintLayout](/develop/ui/compose/layouts/constraintlayout): Learn how to use `ConstraintLayout` in your Compose UI.\n\nLearn more\n\n- **New!** Try our [Quick Guides](/quick-guides) to get a fast and focused content\n experience.\n\n- To learn more about Compose layouts, try the [Layouts in Jetpack Compose\n codelab](/codelabs/jetpack-compose-layouts).\n\nRecommended for you\n\n- Note: link text is displayed when JavaScript is off\n- [Get started with Jetpack Compose](/develop/ui/compose/documentation)\n- [ConstraintLayout in Compose](/develop/ui/compose/layouts/constraintlayout)"]]