Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Sebagian besar aplikasi Android terdiri dari area yang disebut kolom sistem,
area navigasi, dan isi.
Gambar 4: Bagian-bagian aplikasi Android: kolom sistem
(1), area navigasi (2),
dan isi (3)
Kolom sistem
Status bar dan panel navigasi–yang secara kolektif dikenal sebagai kolom sistem–menampilkan informasi penting seperti level baterai, waktu, dan peringatan notifikasi, serta menyediakan interaksi perangkat langsung dari mana saja. Baca selengkapnya tentang panel
sistem.
Gambar 5: Panel sistem (1)
Area navigasi
Navigasi mewakili berbagai kemampuan yang memungkinkan pengguna
melakukan navigasi dalam aplikasi Anda, mengakses tindakan penting, atau di seluruh
platform Android.
Area tubuh
Area isi memuat konten layar. Isi konten terdiri dari pengelompokan tambahan dan parameter tata letak. Area ini harus berlanjut di bawah area navigasi dan kolom sistem.
Deklarasikan [`WindowCompat.setDecorFitsSystemWindows(window, false)`][5] untuk
inset layar penuh.
Untuk menentukan komposisi dan pola navigasi yang sesuai untuk tata letak Anda, pahami cara pengguna berinteraksi dengan konten Anda, dan cara mereka menavigasi arsitektur informasi aplikasi Anda. Pemahaman ini dapat memandu desain Anda agar lebih berfokus pada pengguna dengan membuat UI yang dapat ditindaklanjuti pengguna.
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-08-28 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-08-28 UTC."],[],[],null,["Most Android apps consist of regions referred to as the [system bars](/design/ui/mobile/guides/foundations/system-bars),\nthe navigation area, and the body.\n**Figure 4:** Parts of an Android app: systems bars (1), navigation area (2), and body (3)\n\nSystem bars\n\nThe status bar and navigation bar--collectively known as the system bars--display\nimportant information such as battery level, the time, and notification alerts,\nand provide direct device interaction from anywhere. Read more about [system\nbars](/design/ui/mobile/guides/foundations/system-bars).\n**Figure 5:** System bars (1)\n\nNavigation region\n\nNavigation represents the different affordances that allow a user to\nnavigate within your app, access important actions, or across the Android\nplatform.\n\nBody region \nThe body region holds the screen content. Body content is composed of additional\ngroupings and layout parameters. It must continue under navigation and system\nbar regions.\n\nDeclare \\[\\`WindowCompat.setDecorFitsSystemWindows(window, false)\\`\\]\\[5\\] for\nedge-to-edge insets.\n\nTo determine the appropriate composition and navigation patterns for your\nlayout, seek to understand how users interact with your content, and how they\nnavigate your app's information architecture. This understanding can guide your\ndesign toward being more user-focused by creating UI that users can act on."]]