Tạo bảng dưới cùng
bookmark_borderbookmark
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.
Một trang tính dưới cùng hiển thị nội dung phụ, được neo vào cuối màn hình.
Khả năng tương thích của phiên bản
Phương thức triển khai này yêu cầu bạn phải đặt minSDK của dự án thành API cấp 21 trở lên.
Phần phụ thuộc
Triển khai bảng dưới cùng
Để triển khai bảng dưới cùng, hãy sử dụng thành phần kết hợp ModalBottomSheet
:
Mở rộng và thu gọn trang tính
Để mở rộng và thu gọn bảng, hãy sử dụng SheetState
:
Điểm chính
- Sử dụng khe
content
, trong đó sử dụng ColumnScope
để sắp xếp bố cục các thành phần kết hợp nội dung của bảng trong một cột.
- Sử dụng
rememberSheetState
để tạo một thực thể của SheetState
mà bạn truyền vào ModalBottomSheet
bằng tham số sheetState
.
SheetState
cung cấp quyền truy cập vào các hàm show
và hide
cũng như các thuộc tính liên quan đến trạng thái hiện tại của bảng tính. Các hàm này yêu cầu CoroutineScope
— ví dụ: rememberCoroutineScope
— và có thể được gọi lệnh để phản hồi các sự kiện giao diện người dùng.
Hãy nhớ xoá ModalBottomSheet
khỏi thành phần khi bạn ẩn
trang dưới cùng.
Kết quả
Hình 1. Một bảng dưới cùng tiêu chuẩn (bên trái) và một bảng dưới cùng theo phương thức phương thức (bên phải).
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:
Hiển thị các thành phần tương tác
Tìm hiểu cách các hàm có khả năng kết hợp giúp bạn dễ dàng tạo các thành phần giao diện người dùng đẹp mắt dựa trên hệ thống thiết kế Material Design.
API reference packages and classes for Android app developers.
Ngày cập nhật: Feb 10, 2025
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-02-06 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-02-06 UTC."],[],[]]