Hiển thị danh sách phân trang

Tạo danh sách phân trang để người dùng có thể cuộn để truy cập vào nội dung quá lớn để vừa với một màn hình. Danh sách phân trang theo chiều ngang có thể giúp người dùng di chuyển qua nội dung như hình ảnh, trình chiếu hoặc băng chuyền sản phẩm. Danh sách phân trang theo chiều dọc rất hữu ích cho các ứng dụng có nhiều nội dung mà người dùng có thể cần phải cuộn qua một số lượng lớn mục, chẳng hạn như bài viết.

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

Tạo danh sách phân trang

Bạn có thể định cấu hình danh sách phân trang theo chiều ngang hoặc chiều dọc, tuỳ thuộc vào hướng cần thiết cho ứng dụng của bạn. Mã sau đây tạo một danh sách phân trang theo chiều ngang hiển thị 10 mục:

Các điểm chính về mã

  • Thành phần kết hợp HorizontalPager cung cấp danh sách các mục có thể cuộn theo chiều ngang.
    • Để tạo danh sách phân trang theo chiều dọc, hãy sử dụng thành phần kết hợp VerticalPager.
  • Mỗi trang trong danh sách chứa một đối tượng Text hiển thị chuỗi "Trang" và số chỉ mục trang.
  • Một thực thể của rememberPagerState() duy trì trạng thái của trang khi người dùng rời khỏi và hiển thị cùng một trang khi người dùng quay lại trang đó.

Kết quả

Hình 1. Bản minh hoạ HorizontalPager.

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:

Danh sách và lưới cho phép ứng dụng của bạn hiển thị các bộ sưu tập ở dạng hình ảnh dễ nhìn và dễ sử dụng cho người dùng.
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.
Loạt video này giới thiệu nhiều API Compose, nhanh chóng cho bạn biết những API có sẵn và cách sử dụng các API đó.

Bạn có câu hỏi hoặc ý kiến phản hồi

Hãy truy cập vào trang câu hỏi thường gặp để tìm hiểu về các hướng dẫn nhanh hoặc liên hệ với chúng tôi để cho chúng tôi biết suy nghĩ của bạn.