WedX - журнал о программировании и компьютерных науках

Просмотр изображения раскадровки в ячейке таблицы

У меня есть изображение внутри ячейки таблицы таблицы. чего я хочу добиться, так это изменить размер изображения в соответствии с изображением, которое оно содержит динамически. В настоящее время у меня это так:

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


Ответы:


1

Сначала установите для нижнего содержимого такую ​​высоту,

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

Затем установите ограничения изображения следующим образом:

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

Затем сделайте это в своем коде,

func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {

        let imageNew  = UIImage(named: "test") //Set your image here
        let oldWidth = imageNew!.size.width
        let scaleFactor = tableView.frame.size.width / oldWidth

        let newHeight = imageNew!.size.height * scaleFactor
        let newWidth = oldWidth * scaleFactor

        //Finally to get cell size just add the bottom part height for othercontents to ImageHeight here
        let CellSize = CGSize(width: newWidth, height: (newHeight + 40))
        return CellSize.height

    }


     func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {

        let cell = tableView.dequeueReusableCellWithIdentifier("cell", forIndexPath: indexPath) as! TableViewCell
        cell.NewImage.image = UIImage(named: "test")
        return cell

    }

Вы должны получить что-то вроде этого: введите здесь описание изображения

16.12.2016

2

У меня была точно такая же проблема не так давно.

Во-первых, вы должны установить режим содержимого изображения на Соответствие пропорций, НО этого недостаточно.

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

  1. Получите ширину и высоту вашего изображения
  2. Рассчитать соотношение сторон let aspectRatio = Float(image.height) / Float(image.width)
  3. Используйте это соотношение сторон, чтобы создать новое ограничение соотношения сторон для вашего изображения.

Это копия-вставка (с добавленными комментариями) моего кода, в котором я решил эту проблему. Надеюсь, это поможет вам.

    // aspectRatioCnst is IBOutlet reference to aspect ratio constraint I've set on mainImageView in Storyboard
    if let aspectRatioCnst = aspectRatioCnst {
        aspectRatioCnst.isActive = false
    }
    let aspectRatio = Float(imagePost.height) / Float(imagePost.width)
    aspectRatioCnst = NSLayoutConstraint(
        item: self.mainImageView,
        attribute: NSLayoutAttribute.height,
        relatedBy: NSLayoutRelation.equal,
        toItem: self.mainImageView,
        attribute: NSLayoutAttribute.width,
        multiplier: CGFloat(aspectRatio),
        constant: 0)
    if let aspectRatioCnst = aspectRatioCnst {
        self.mainImageView.addConstraint(aspectRatioCnst)
        aspectRatioCnst.isActive = true
        self.mainImageView.layoutIfNeeded()
    }
    if let image = imagePost.loadedImage {
        self.mainImageView.image = image

    } else if let imageURL = URL(string: imagePost.fileURL) {
        DispatchQueue.global(qos: .background).async {
            // UIImage extension with downloadedFromURL method
            UIImage.downloadedFromURL(url: imageURL, withCallback: { (image) -> (Void) in
                DispatchQueue.main.async {
                    self.imageLoadingActivityIndicator.stopAnimating()
                    self.mainImageView.image = image
                    self.imagePost?.loadedImage = image
                }
            })
        }
    }
16.12.2016
  • что делать, если изображение загружается асинхронно. Тогда как код узнает высоту и ширину изображения?? 16.12.2016
  • Это хороший момент. Я думал, что мне не придется копировать и эту часть, но, поскольку вы спросили, я обновил свой ответ. P.S. В ответе JSON, который указывает на URL-адрес изображения, я получаю высоту и ширину изображения, поэтому мне не нужно его вычислять. 16.12.2016
  • По сути, я сначала загружаю метаданные всех изображений, где у меня есть высота и ширина каждого изображения и URL-адрес, по которому я могу загрузить изображение. А затем, когда я удаляю из очереди ячейки табличного представления, я просто асинхронно загружаю изображения. Надеюсь, я немного разъяснил. 16.12.2016
  • Новые материалы

    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..

    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..

    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..

    Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
    Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..

    Учебные заметки: создание моего первого пакета Node.js
    Это мои обучающие заметки, когда я научился создавать свой самый первый пакет Node.js, распространяемый через npm. Оглавление Глоссарий I. Новый пакет 1.1 советы по инициализации..

    Забудьте о Matplotlib: улучшите визуализацию данных с помощью умопомрачительных функций Seaborn!
    Примечание. Эта запись в блоге предполагает базовое знакомство с Python и концепциями анализа данных. Привет, энтузиасты данных! Добро пожаловать в мой блог, где я расскажу о невероятных..

    ИИ в аэрокосмической отрасли
    Каждый полет – это шаг вперед к великой мечте. Чтобы это происходило в их собственном темпе, необходима команда астронавтов для погони за космосом и команда технического обслуживания..


    Для любых предложений по сайту: [email protected]