Bố cục 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.
Jetpack Compose giúp bạn dễ dàng thiết kế bố cục hiệu quả cho ứng dụng.
Các trang sau đây cung cấp thông tin chi tiết về cách thiết kế và triển khai bố cục:
- Kiến thức cơ bản về bố cục: Tìm hiểu về các khối dựng để có một giao diện người dùng ứng dụng đơn giản.
- Thành phần và bố cục Material: Tìm hiểu về các thành phần và bố cục Material trong Compose.
- Bố cục tuỳ chỉnh: Tìm hiểu cách kiểm soát bố cục của ứng dụng và cách thiết kế bố cục tuỳ chỉnh của riêng bạn.
- Hỗ trợ nhiều kích thước màn hình: Tìm hiểu cách sử dụng Compose để tạo bố cục thích ứng với nhiều kích thước màn hình, hướng và hệ số hình dạng.
- Đường căn chỉnh: Tìm hiểu cách tạo đường căn chỉnh tuỳ chỉnh để căn chỉnh và định vị chính xác các thành phần trên giao diện người dùng.
- Đo lường nội tại:
Tìm hiểu cách đặt chiều cao hoặc chiều rộng nội tại cho các thành phần giao diện người dùng, giúp
bạn kiểm soát chính xác cách sắp xếp các thành phần trong bố cục.
- ConstraintLayout: Tìm hiểu cách
sử dụng
ConstraintLayout
trong giao diện người dùng Compose của bạn.
Tìm hiểu thêm
Đề xuất cho bạ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-08-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-08-27 UTC."],[],[],null,["Jetpack Compose makes it easy to design an efficient layout for your app.\n\nThe following pages provide details on how to design and implement your layout:\n\n- [Layout basics](/develop/ui/compose/layouts/basics): Learn about the building blocks for a straightforward app UI.\n- [Material components and layouts](/develop/ui/compose/components): Learn about Material components and layouts in Compose.\n- [Custom layouts](/develop/ui/compose/layouts/custom): Learn how to take control of your app's layout, and how to design a custom layout of your own.\n- [Support different display sizes](/develop/ui/compose/layouts/adaptive/support-different-display-sizes): Learn how to use Compose to build layouts that adapt to different screen sizes, orientations, and form factors.\n- [Alignment lines](/develop/ui/compose/layouts/alignment-lines): Learn how to create custom alignment lines to precisely align and position your UI elements.\n- [Intrinsic measurements](/develop/ui/compose/layouts/intrinsic-measurements): Learn how to set an intrinsic height or width for your UI elements, giving you precise control over how the elements are arranged in the layout.\n- [ConstraintLayout](/develop/ui/compose/layouts/constraintlayout): Learn how to use `ConstraintLayout` in your Compose UI.\n\nLearn more\n\n- **New!** Try our [Quick Guides](/quick-guides) to get a fast and focused content\n experience.\n\n- To learn more about Compose layouts, try the [Layouts in Jetpack Compose\n codelab](/codelabs/jetpack-compose-layouts).\n\nRecommended for you\n\n- Note: link text is displayed when JavaScript is off\n- [Get started with Jetpack Compose](/develop/ui/compose/documentation)\n- [ConstraintLayout in Compose](/develop/ui/compose/layouts/constraintlayout)"]]