Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Input, konten, atau tindakan lain dapat muncul relatif satu sama lain atau
dibatasi ke penampung induk. Tata letak dapat lebih disesuaikan, tetapi pastikan untuk
mengikuti pengelompokan, kolom, dan penspasian yang konsisten.
Autentikasi adalah tata letak relatif umum, seperti yang ditunjukkan pada gambar berikut. Tempat tata letak kustom dijelaskan berdasarkan hubungan antar-elemen UI.
Tata letak juga dapat menggunakan kombinasi jenis tata letak. Misalnya, Anda dapat memasangkan carousel atau scroll horizontal dengan kartu vertikal. Atau, Anda dapat menyajikan
diagram kustom dengan data daftar vertikal.
Anda dapat menyajikan konten dalam baris atau kolom yang dapat di-scroll dengan baris lambat dan kolom lambat.
Tata letak layar penuh adalah tata letak umum lainnya, seperti yang digunakan dalam mode imersif.
Gambar 27: Tata letak layar penuh, seperti yang digunakan dalam mode imersif
Jika Anda menggunakan View, bukan Compose, Anda dapat menggunakan
ConstraintLayout untuk menata tampilan sesuai dengan hubungan antara
tampilan setara dan tata letak induk, sehingga memungkinkan tata letak yang besar dan kompleks.
ConstraintLayout memungkinkan Anda membuat sepenuhnya dengan menarik lalu melepas, bukan
mengedit XML menggunakan editor tata letak. Pelajari lebih lanjut cara membangun UI dengan
Layout Editor.
WebView adalah tampilan yang menampilkan halaman web dalam aplikasi. Dalam kebanyakan kasus, sebaiknya gunakan browser web standar, seperti Chrome, untuk mengirimkan konten kepada pengguna. Untuk
mempelajari lebih lanjut browser web, baca panduan untuk memanggil browser dengan
intent.
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,["Inputs, content, or other actions may appear relative to each other or\nconstrained to a parent container. Layouts can be more custom, but make sure to\nfollow consistent grouping, columns, and spacing.\n\nAuthentication is a common relative layout, as shown in the following figure. Where a custom layout is described by how the UI elements in relation to each other.\n\nLayouts can also use a combination of layout types. For example, you might pair a\ncarousel or horizontal scroll with vertical cards. Or, you could present a\ncustom chart with vertical list data.\n\nYou can present content in scrolling rows or columns with lazy rows and lazy\ncolumns.\n\nFull-screen layout is another common layout, as used in [immersive mode](/design/ui/mobile/guides/layout-and-content/immersive-content).\n**Figure 27:** Full screen layout, as used in immersive mode\n\nIf you're working with Views instead of Compose, you can use\n[`ConstraintLayout`](/develop/ui/views/layout/constraint-layout) to lay out views according to relationships between\nsibling views and the parent layout, allowing for large and complex layouts.\n`ConstraintLayout` lets you build entirely by dragging and dropping instead of\nediting the XML using the layout editor. Learn more about [building a UI with\nLayout Editor](/studio/write/layout-editor).\n\nLearn more about [Compose layout basics](/develop/ui/compose/layouts/basics) and what makes up a composable.\n\nWebviews\n\nA Webview is a view that displays in-app web pages. In most cases, we recommend\nusing a standard web browser, like Chrome, to deliver content to the user. To\nlearn more about web browsers, read the guide for [invoking a browser with an\nintent](/guide/components/intents-common#Browser)."]]
