Thanh cuộn cho biết vị trí của người dùng trong tài liệu có kích thước lớn hơn không gian hiển thị. Chúng cho phép người dùng điều hướng đến phần còn lại của tài liệu bằng cách di chuyển vùng hiển thị cửa sổ lên hoặc xuống.
Người dùng tương tác với thanh cuộn bằng cảm ứng, bánh xe xoay hoặc bàn di chuột. Chạm vào các mũi tên trên thanh cuộn sẽ di chuyển nội dung theo từng trang, tức là các bước tăng tương ứng với chiều cao của màn hình. Tuy nhiên, nếu người dùng vuốt nhanh để cuộn (tùy thuộc vào độ nhạy của màn hình cảm ứng), chuyển động vuốt có thể tạo ra quán tính khiến nội dung cuộn xa hơn một trang. Bất kể cách thức bắt đầu cuộn như thế nào, chuyển động cuộn luôn phải khớp với một mục cụ thể.
Giải phẫu học
Thanh cuộn bao gồm các nút cuộn lên và cuộn xuống, cùng với chỉ báo tiến trình cuộn. Các mũi tên được sử dụng trong các nút cuộn để chỉ hướng cuộn. Chỉ báo tiến trình cuộn là một yếu tố tùy chọn, cho biết nội dung hiển thị và vị trí cuộn so với tổng lượng nội dung trên trang.
2. Chỉ báo tiến độ cuộn
3. Chức năng cuộn xuống
Thông số kỹ thuật
Vị trí thanh cuộn với thanh điều hướng chính xếp chồng và thanh điều khiển được thu nhỏ.
Vị trí thanh cuộn chỉ với tiêu đề ứng dụng
Vị trí thanh cuộn với tiêu đề ứng dụng và thanh điều khiển
Vị trí thanh cuộn với tiêu đề ứng dụng và thanh điều khiển mở rộng
Vị trí thanh cuộn với thanh ứng dụng/tiêu đề và thanh điều khiển thu nhỏ
Vị trí thanh cuộn chỉ dành cho thanh ứng dụng/tiêu đề.
Vị trí thanh cuộn với tiêu đề ứng dụng và thanh điều khiển
Vị trí thanh cuộn với tiêu đề ứng dụng và thanh điều khiển mở rộng
Vị trí thanh cuộn với chiều cao màn hình ngắn
Chỉ báo tiến độ cuộn tùy chọn
Phong cách
Màu sắc
| Yếu tố | Màu sắc (chế độ ban ngày) | Màu sắc (chế độ ban đêm) |
|---|---|---|
| Biểu tượng chính - trạng thái hoạt động | Trắng | Màu trắng @ 88% |
| Biểu tượng chính - trạng thái không hoạt động | Màu trắng @ 56% | Màu trắng @ 50% |
| Chỉ báo tiến độ cuộn | Màu trắng @ 16% | Màu trắng @ 12% |
Kích thước
| Yếu tố | Kích thước (dp) |
|---|---|
| Biểu tượng chính | 44 |
| Chạm vào mục tiêu | 76 |
| Chiều rộng của chỉ báo tiến độ cuộn | 6 |
| Bán kính bo tròn góc (R4) | Đầy |
Ví dụ
