Gambar 1. Status bar dan menu navigasi, yang secara kolektif disebut kolom sistem.
Tata semua aplikasi sehingga konten Anda direntangkan dari tepi atas hingga tepi bawah layar. Ini adalah perilaku default mulai Android 15
(level API 35). Artinya, area atas dan bawah aplikasi Anda ditata
di belakang status bar dan panel navigasi. Bersama-sama, status bar dan menu navigasi disebut kolom sistem. Kolom sistem adalah area yang umumnya dikhususkan untuk tampilan notifikasi, komunikasi status perangkat, dan navigasi perangkat.
Tumpang-tindih antara aplikasi Anda dan area tempat UI sistem ditampilkan adalah
salah satu contoh inset jendela, yang merepresentasikan bagian layar tempat
aplikasi Anda dapat bersinggungan dengan UI sistem. Bersinggungan dengan bagian UI ini dapat berarti ditampilkan di atas konten, tetapi juga dapat memberi tahu aplikasi Anda tentang gestur sistem.
Jenis inset jendela berikut tersedia.
Secara default, pilih untuk memperluas jendela aplikasi agar ditampilkan di seluruh layar dan menggambar konten aplikasi dari tepi ke tepi di belakang kolom sistem. Gunakan offset untuk menghindari penayangan konten penting dan target sentuh di belakang kolom sistem.
Aplikasi yang menampilkan konten seperti film atau gambar dapat menyembunyikan
system bar untuk sementara agar mendapatkan pengalaman yang lebih imersif.
Pertimbangkan dengan saksama kebutuhan dan ekspektasi pengguna Anda sebelum mengubah kolom sistem, karena kolom sistem memberikan cara standar kepada pengguna untuk menavigasi perangkat dan melihat statusnya.
Potongan layar adalah area di beberapa perangkat yang meluas ke permukaan tampilan untuk memberikan ruang bagi sensor di bagian depan perangkat. Aplikasi dapat mendukung potongan layar dengan mengkueri posisinya sehingga tidak ada konten penting yang tumpang-tindih dengan area potongan.
Transisi keyboard adalah contoh umum saat inset jendela diperbarui secara dinamis. Aplikasi dapat mengamati status keyboard saat ini, beralih status secara terprogram, mendukung animasi untuk inset jendela, dan membuat konten aplikasi dianimasikan dengan lancar di antara transisi keyboard.
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-27 UTC.
[null,null,["Terakhir diperbarui pada 2025-08-27 UTC."],[],[],null,["# Lay out your app within window insets\n\nTry the Compose way \nJetpack Compose is the recommended UI toolkit for Android. Learn how to work with WindowInsets in Compose. \n[WindowInsets in Compose →](/develop/ui/compose/system/insets) \n\n\u003cbr /\u003e\n\n**Figure 1.** The status bar and navigation bar, collectively called the *system bars*.\n\nLayout all apps so that your content stretches from the top edge to the bottom\nedge of the screen. This is the default behavior beginning in Android 15\n(API level 35). This means that the top and bottom areas of your app are laid\nout behind the status bar and the navigation bar. Together, the status bar and\nthe navigation bar are called the *system bars*. The system bars are areas that\nare generally dedicated to the display of notifications, communication of device\nstatus, and device navigation.\n\nThe overlaps between your app and the areas where the system UI is displayed is\none example of *window insets*, which represent the parts of your screen where\nyour app can intersect with the system UI. Intersecting with these parts of the\nUI can mean displaying above the content, but it can also inform your app about\nsystem gestures.\n\nThe following types of window insets are available.\n\n- By default, opt-in to expand your app window to extend across the entire\n screen and draw app content [edge-to-edge](/training/gestures/edge-to-edge)\n behind the system bars. Use offsets to avoid displaying important content\n and touch targets behind system bars.\n\n- Apps that display content such as movies or images can temporarily [hide the\n system bars](/training/system-ui/immersive) for a more immersive experience.\n Carefully consider your users' needs and expectations before modifying the\n system bars, since they give users a standard way of navigating a device and\n viewing its status.\n\n- A *display cutout* is an area on some devices that extends into the display\n surface to provide space for sensors on the front of the device. Apps can\n support [display cutouts](/guide/topics/display-cutout) by querying their\n positions so that no important content overlaps the cutout area.\n\n- A keyboard transition is a common example where window insets are\n dynamically updated. Apps can observe the current keyboard state,\n programmatically toggle the states, support animations for window insets,\n and make app content animate seamlessly between keyboard transitions."]]
