Phần lồng ghép trong Compose
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.
Phần lồng ghép cung cấp thông tin về giao diện người dùng hệ thống để đảm bảo ứng dụng của bạn vẽ đúng khu vực và giao diện người dùng không bị giao diện người dùng hệ thống che khuất. Tìm hiểu cách phần lồng ghép giao tiếp với ứng dụng của bạn về vị trí đặt các phần trang trí hệ thống và cách API Compose giúp nội dung của bạn di chuyển cùng với các thanh hệ thống, bàn phím phần mềm và thanh tác vụ.
Điểm chính
- Lề mô tả mức độ cần thêm khoảng đệm cho nội dung của ứng dụng để tránh chồng chéo với các phần của giao diện người dùng hệ thống hoặc các tính năng của thiết bị thực.
- Có nhiều loại phần lồng ghép, bao gồm thanh trạng thái, thanh điều hướng, bàn phím phần mềm và nhiều loại khác.
- Phần lồng ghép có thể thay đổi trong khi ứng dụng đang chạy, tuỳ thuộc vào cấu hình hệ thống và môi trường cửa sổ, chẳng hạn như hướng thiết bị, chế độ thiết lập nhiều cửa sổ hoặc chế độ cài đặt mà người dùng có thể kiểm soát.
- Xử lý phần lồng ghép trực tiếp để khai thác tối đa không gian màn hình, đồng thời cải thiện giao diện và chức năng của ứng dụng trên nhiều kiểu dáng.
Các bộ sưu tập chứa hướng dẫn này
Hướng dẫn này là một phần của các bộ sưu tập Hướng dẫn nhanh được tuyển chọn này, bao gồm các mục tiêu phát triển Android rộng hơn:
Tạo một giàn đỡ màn hình chính
Tìm hiểu cách sử dụng một nền tảng chuẩn hoá để xây dựng giao diện người dùng phức tạp. Khung này kết hợp các phần khác nhau của giao diện người dùng, mang đến cho ứng dụng một giao diện nhất quán.
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-07-27 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-07-27 UTC."],[],[],null,["# Insets in Compose\n\n\u003cbr /\u003e\n\nInsets provide information about the system UI to ensure that your app draws in\nthe correct area and your UI isn't obscured by the system UI. Learn how insets\ncommunicate to your app where system decorations are placed, and how Compose\nAPIs help your content move with the system bars, software\nkeyboard, and the taskbar. \n\nKey points\n----------\n\n- *Insets* describe how much you need to pad the content of your app to avoid overlapping with parts of the system UI or physical device features.\n- Different types of insets include the status bars, navigation bars, software keyboard, and more.\n- Insets can change while your app is running, depending on the system configuration and windowing environment, such as device orientation, multi-window mode setup, or user controllable settings.\n- Handle insets directly to make full use of the screen space and improve how your app looks and functions across form factors.\n\nCollections that contain this guide\n-----------------------------------\n\nThis guide is part of these curated Quick Guide collections that cover\nbroader Android development goals: \n\n### Create a home screen scaffold\n\nFind out how to use a standardized platform to build complex user interfaces. The scaffold holds together different parts of the UI, giving apps a coherent look and feel. \n[Quick guide collection](/develop/ui/compose/quick-guides/collections/create-a-home-screen-scaffold) \n\nHave questions or feedback\n--------------------------\n\nGo to our frequently asked questions page and learn about quick guides or reach out and let us know your thoughts. \n[Go to FAQ](/quick-guides/faq) [Leave feedback](https://issuetracker.google.com/issues/new?component=1573691&template=1993320)"]]