Динамический размер ячейки в зависимости от размера изображения, полученного из URL-адреса в iOS

ИНФОРМАЦИЯ:

У меня есть Tableview, в котором есть ячейки с Imageview. В этом представлении изображений я извлекаю разные изображения из imgURL...

Что мне нужно:

Мне нужна динамическая высота ячейки в соответствии с высотой изображения, полученной из imgURL.

ПРИМЕЧАНИЕ. Я не использую автоматическую компоновку, но использую автоматическое изменение размера.

Что я сделал до сих пор:

Я использовал асинхронную загрузку изображений в ImageView. (от #import "UIImageView+WebCache.h")

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{

    HomePostCell *cell=[tableView dequeueReusableCellWithIdentifier:strIdentifier];
    if (cell==nil) {
        cell = [[HomePostCell alloc]
                initWithStyle:UITableViewCellStyleDefault
                reuseIdentifier:strIdentifier];
    }

    [cell.imgMain sd_setImageWithURL:[NSURL URLWithString:strImgURL] placeholderImage:[UIImage imageNamed:@"postPlaceholder"] completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL) {
        if (!error) {

    }];


    return cell;
}

прямо сейчас экран просмотра таблицы

Есть ли какое-нибудь решение для этого? или мы можем использовать автоматическую компоновку только для изменения размера ячейки?

Заранее спасибо..


person Sneha    schedule 12.09.2016    source источник
comment
Проверьте эту категорию.   -  person iphonic    schedule 12.09.2016
comment
можете ли вы предоставить способ, как использовать это в моем случае   -  person Sneha    schedule 12.09.2016
comment
Категория может извлекать метаданные изображения, также известные как EXIF, которые содержат информацию о разрешении изображения, поэтому вы можете получить размер изображения перед загрузкой изображения и указать размер ячейки.   -  person iphonic    schedule 12.09.2016
comment
это будет сложно, если сервер не отправит размер заранее. В противном случае вам придется скачать, а затем получить высоту. После этого перезагрузите таблицу.   -  person Shubhank    schedule 12.09.2016
comment
@Shubhank Изображение всегда имеет EXIF ​​и разрешение.   -  person iphonic    schedule 12.09.2016
comment
без загрузки изображения вы не можете получить ни EXIF, ни разрешение @iphonic   -  person Shubhank    schedule 12.09.2016
comment
@Shubhank Да, вы можете, попробуйте эту ссылку здесь мы просто получаем exif/заголовки URL, а не весь контент.   -  person iphonic    schedule 12.09.2016
comment
@Sam Пожалуйста, попробуйте мое решение и дайте мне знать, если у вас возникнут какие-либо проблемы.   -  person Monika Patel    schedule 12.09.2016


Ответы (3)


В идеальном случае я обычно ожидаю, что API вернет все изображения одинакового размера или размера, который можно настроить с помощью параметров строки запроса, таких как: /get_image/?width=400&height=400 и т. д.

В любом случае, проблема здесь в том, что вы не можете обновить высоту ячейки после того, как она была создана и готова к отображению на экране (другими словами, после того, как она была возвращена из cellForRowAtIndexPath) если вы не перезагрузите эту ячейку или все табличное представление вручную. К счастью для нас, sd_setImageWithURL работает асинхронно, что означает, что у вас будет возможность вызвать tableView.reloadRowsAtIndexPath после того, как изображение будет получено и сохранено.

Перезагрузка приведет к вызову heightForRowAtIndexPath для перезагруженной ячейки, поэтому на этот раз мы получим правильную высоту.

(Поскольку ячейки табличного представления являются повторно используемыми объектами, они не хранят никакой информации о данных, которые они используют для настройки своего пользовательского интерфейса. Таким образом, вам нужно хранить изображения в контроллере представления, желательно внутри массива.)

@interface ViewController ()

@property (nonatomic, strong) NSMutableArray *fetchedImages;
@end

@implementation ViewController
...

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
  UIImage *image = [self.fetchedImages objectAtIndex:indexPath.row];
  if (image) {
    return image.size.height + 1.0; // 1.0 for the separator.
  }
  else {
    return 50.0; // Default value..
  }
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
  return self.fetchedImages.count;
}

С учетом всего сказанного вы можете сделать что-то вроде следующего в методе (tableView:cellForRowAtIndexPath:):

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
  ...

  UIImage *image = [self.fetchedImages objectAtIndex:indexPath.row];

  if (image) {
    // If there is image don't bother fetching the image.
    cell.imageView.image = image;
  }
  else {
    NSURL *imageURL = [self.imageURLs objectAtIndex:indexPath.row];
    [cell.imageView sd_setImageWithURL:imageURL placeholderImage:nil completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL) {
    if (image) {
      [self.fetchedImages replaceObjectAtIndex:indexPath.row withObject:image];
      [self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone];
    }
  }];
  return cell;
}

Вот результат, который у меня получился:

введите здесь описание изображения

Вы можете загрузить тестовый проект и поэкспериментировать с ним, чтобы получить лучшее понимание того, что я сделал выше.

person ozgur    schedule 12.09.2016

этот код работает с автоматическим изменением размера, может вам помочь.

#define Screen_Width [[UIScreen mainScreen] bounds].size.width
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
{
    return imageHeight;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
 NativeStreamAdCell *cell=(NativeStreamAdCell *)[tableView dequeueReusableCellWithIdentifier:@"SimpleTable"];
        if(cell==nil)
        {
            NSArray *nib=[[NSBundle mainBundle]loadNibNamed:@"NativeStreamAdCell" owner:self options:nil];
            cell=[nib objectAtIndex:0];
        }
         [cell.postImg sd_setImageWithURL:[NSURL URLWithString:[dic_feed valueForKey:@"feed_image"]] placeholderImage:cell.postImg.image options:SDWebImageRefreshCached];
        //Display image based on size
        UIImage *img = cell.postImg.image;

        int image_width = img.size.width;
        int image_height = img.size.height;
        image_width = Screen_Width;
        image_height = (Screen_Width * img.size.height / img.size.width);
        if(image_width > image_height) {
            image_height = (Screen_Width * image_height / image_width);
        }
        cell.postImg.frame = CGRectMake(cell.postImg.frame.origin.x, cell.postImg.frame.origin.y,
                                     image_width,image_height);

        imageHeight =  CGRectGetMaxY(cell.postImg.frame);
        return cell;
}
person Monika Patel    schedule 12.09.2016

Далее следует пример Ozgur Vatansever, но он мерцает при быстрой прокрутке.

Даже это не помогло.

Я обнаружил, что [self.tableView reloadData] работает вместо

[self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone];

OR

[weakSelf.tableView beginUpdates];
[weakSelf.tableView endUpdates];
person Phu Nguyen    schedule 20.06.2017