Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Các thao tác nhập, nội dung hoặc thao tác khác có thể xuất hiện tương quan với nhau hoặc bị hạn chế trong một vùng chứa mẹ. Bạn có thể tuỳ chỉnh bố cục nhiều hơn, nhưng hãy nhớ tuân thủ việc nhóm, cột và khoảng cách nhất quán.
Xác thực là một bố cục tương đối phổ biến, như minh hoạ trong hình sau. Trong đó, bố cục tuỳ chỉnh được mô tả bằng cách các phần tử trên giao diện người dùng liên quan với nhau.
Bố cục cũng có thể sử dụng kết hợp các loại bố cục. Ví dụ: bạn có thể ghép một băng chuyền hoặc thành phần cuộn ngang với các thẻ dọc. Hoặc bạn có thể trình bày một biểu đồ tuỳ chỉnh có dữ liệu danh sách dọc.
Bạn có thể trình bày nội dung trong các hàng hoặc cột có thể cuộn bằng các hàng và cột lười.
Bố cục toàn màn hình là một bố cục phổ biến khác, như được dùng trong chế độ sống động.
Hình 27: Bố cục toàn màn hình, như được dùng trong chế độ hiển thị tối đa
Nếu đang làm việc với Khung hiển thị thay vì Compose, bạn có thể dùng ConstraintLayout để bố trí các khung hiển thị theo mối quan hệ giữa các khung hiển thị cùng cấp và bố cục gốc, cho phép bố cục lớn và phức tạp.
ConstraintLayout cho phép bạn tạo hoàn toàn bằng cách kéo và thả thay vì chỉnh sửa XML bằng trình chỉnh sửa bố cục. Tìm hiểu thêm về cách tạo giao diện người dùng bằng Layout Editor.
WebView là một khung hiển thị các trang web trong ứng dụng. Trong hầu hết các trường hợp, bạn nên sử dụng một trình duyệt web tiêu chuẩn, chẳng hạn như Chrome, để phân phối nội dung cho người dùng. Để tìm hiểu thêm về trình duyệt web, hãy đọc hướng dẫn về cách triệu hồi trình duyệt bằng một ý định.
Nội dung và mã mẫu trên trang này phải tuân thủ các giấy phép như mô tả trong phần Giấy phép nội dung. Java và OpenJDK là nhãn hiệu hoặc nhãn hiệu đã đăng ký của Oracle và/hoặc đơn vị liên kết của Oracle.
Cập nhật lần gần đây nhất: 2025-08-28 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 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)."]]