List view là gì?
Còn gọi: dạng hiển thị danh sách
List view là cách trình bày nội dung thành các hàng xếp dọc, mỗi hàng một mục với thông tin xếp ngang, hợp với nội dung chủ yếu là chữ, cần quét nhanh hoặc so sánh thuộc tính.
Hiểu kỹ hơn
Danh sách phù hợp với hộp thư, tin nhắn, danh bạ, tệp, cài đặt, kết quả tìm kiếm có mô tả. Mỗi hàng thường gồm phần đầu (icon, ảnh đại diện), phần giữa (tiêu đề và dòng phụ) và phần cuối (thời gian, giá, mũi tên, công tắc). Material Design và Apple HIG đều có quy định chiều cao hàng theo số dòng chữ, và cả hàng nên bấm được với vùng chạm đủ lớn. Trong Figma, mỗi hàng là một component auto layout ngang, phần giữa đặt Fill container để chữ dài tự cắt bằng dấu ba chấm. Danh sách dài cần các công cụ hỗ trợ như tìm kiếm, nhóm theo tiêu đề, chỉ mục chữ cái hoặc phân trang. Ví dụ: Gmail trên điện thoại dùng list view với ảnh đại diện, người gửi, tiêu đề, đoạn trích và thời gian. Lỗi thường gặp là đường phân cách và khoảng cách quá chật, hoặc mỗi hàng có nhiều nút nhỏ khiến người dùng bấm nhầm.
