Cách đặt chiều cao UITableViewCell tùy thuộc vào kích thước màn hình

Question

Tôi tải xuống dữ liệu từ web, bao gồm văn bản và hình ảnh. Tôi đang đưa dữ liệu này vào UITableView, và tôi muốn hình ảnh là một nền tảng của UITableViewCell. Tất cả các hình ảnh có cùng độ phân giải 620x350.

Tất cả các iPhone có kích thước màn hình khác nhau vì vậy tôi cần phải mở rộng chiều rộng và chiều cao của hình ảnh tùy thuộc vào kích thước màn hình và cũng có thể thực hiện điều này với UITableViewCell.

Giải pháp tốt nhất là gì?

Cảm ơn bạn.

Answer 1

Đơn giản chỉ cần sử dụng - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath;

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{ 
    CGFloat aspectRatio = 350.0f/620.0f; 
    return aspectRatio * [UIScreen mainScreen].bounds.size.width;// assuming that the image will stretch across the width of the screen 
} 

Answer 2

Bạn có thể sử dụng phương pháp -tableView:heightForRowAtIndexPath: trong HTTableViewDelegate để trả về chiều cao cho mỗi ô. Trong trường hợp của bạn, bạn sẽ muốn một cái gì đó như thế này:

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath { 

    return [UIScreen mainScreen].bounds.size.height; 
} 

Answer 3

giải pháp tốt nhất và sạch sẽ, nó chỉ là chơi với chiều cao của các tế bào, cho phép các hình ảnh được tự động thay đổi kích thước bởi Autolayout.

Nó rất dễ dàng:

1. Trong di động của bạn, thêm một UIImageView và thiết lập kích thước bạn muốn có khi tế bào có chiều cao thực tế;

2. Đặt làm hạn chế của UIImageView này, ít nhất trên cùng, dưới cùng và một trong các đường biên bên (phải hoặc trái); cũng đặt các ràng buộc để giữ tỷ lệ/chiều cao tỷ lệ/chiều cao;

Tại thời điểm này, khi các tế bào phát triển, hình ảnh phát triển về chiều cao, và để giữ cho tỷ lệ (nhờ hạn chế) nó là thay đổi kích cỡ chiều rộng là tốt, có LUÔN đúng và kích thước tương ứng.

Vậy bây giờ, bạn có chỉ để viết mã cho chiều cao của tế bào:

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{ 
    static CGFloat cellDefaultHeight = /*the default height of the cell*/; 
    static CGFloat screenDefaultHeight = /*the default height of the screen i.e. 480 in iPhone 4*/; 

    CGFloat factor = cellDefaultHeight/screenDefaultHeight 

    return factor * [UIScreen mainScreen].bounds.size.height; 
} 

Rõ ràng, thiết lập các contentMode của UIImageView-AspectFill.