Làm cách nào để chồng lên UITableViewCells?

Question

Nếu bạn nhìn vào ảnh chụp màn hình bạn sẽ thấy rằng mỗi UITableViewCell được 20% chồng chéo từ phần trên vào ô tableview trên.

Có cách nào chúng tôi có thể chồng lấp các ô không?

Answer 1

Tôi chưa bao giờ thử, nhưng loại logic này sẽ hoạt động. Hãy nhớ rằng, bạn sẽ không nhận được bất kỳ liên lạc nào trong khu vực chồng chéo.

1) Thêm tiểu sử của bạn vào cell.contentView, đảm bảo chiều cao của chế độ xem phụ lớn hơn rowHeight trong bảngView của bạn.

float overlapHeight = 10.0; 

subView.frame = CGRectMake(0.0, -10.0, 
        your_subview_width, rowHeight + overlapHeight); 

2) Thêm mã này, do đó di động của bạn sẽ không cắt nội dung bên ngoài khung của nó

cell.clipsToBounds = NO; 
cell.contentView.clipsToBounds = NO; 

3) Bây giờ của tế bào của bạn sẽ chồng chéo lên nhau, nhưng sẽ có một dấu kẹp xung quanh biên giới của ô. Để tránh việc triển khai đó, chức năng ủy quyền sẽDoplayCell

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath { 
    cell.backgroundColor = [UIColor clearColor]; 
} 

Answer 2

Hiệu ứng chồng chéo có thể đạt được bằng cách tạo ô của hai phần: một phần hẹp ở trên cùng và một phần ở phía dưới. Phần dưới là đơn giản: nó là một hình chữ nhật màu xám với một thành phần văn bản/hình ảnh bên trong. Bí quyết là ở phần trên cùng.

Chiều cao của phần trên bằng với chiều cao của toàn bộ tab màu. Chương trình của bạn có thể đặt một trong hai hình ảnh ở đó - một tab ở trên cùng của dải màu xám hẹp thể hiện phần dưới cùng của ô trước đó hoặc một tab trên nền màu nâu. Bên trong số tableView:cellForRowAtIndexPath: của bạn, hãy kiểm tra row. Nếu nó bằng không, hãy chọn hình ảnh với nền màu nâu; nếu không, hãy chọn hình ảnh có dải màu xám trong nền ở trên cùng.

Answer 3

Không cần chồng chéo các ô. ô trên cùng của bạn sẽ giống như thế này:

và tất cả các ô còn lại sẽ trông như thế này:

bạn tableFooterView nên chỉ là một thanh màu xám ("đáy" của một ô)