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

Программируем под IOS
Ответить
Anonymous
 Проблемы с макетом и ячейками при анимации кадра UICollectionView

Сообщение Anonymous »

Я столкнулся с очень странной проблемой с UICollectionView. Мне не очень нравятся некоторые сложные вещи с макетом представления коллекции, но, тем не менее, я считаю это немного запутанным.

Изображение


Применение обновления кадра (в частности, изменения высоты) с помощью анимации делает Представление коллекции (с красными ячейками справа) немедленно очищает ячейки, подлежащие удалению, при установке высоты на меньшее значение. Выполнение того же изменения в UITableView (с желтыми ячейками слева) работает вполне нормально. Для демонстрации посмотрите этот пример игровой площадки:

Код: Выделить всё

import UIKit
import PlaygroundSupport

class MyViewController : UIViewController, UITableViewDelegate,
UITableViewDataSource, UICollectionViewDelegate, UICollectionViewDataSource
{
var col : UICollectionView?

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return 50
}

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
return 50
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let c = UITableViewCell()
c.textLabel?.text = "cell"
c.contentView.backgroundColor = UIColor.yellow
return c
}

func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
return 50
}

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
let c = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath)
c.contentView.backgroundColor = UIColor.red
return c
}

func collectionView(_ collectionView: UICollectionView, didEndDisplaying cell: UICollectionViewCell, forItemAt indexPath: IndexPath) {
//      print(Thread.callStackSymbols.joined(separator: "\n") + "\n\n")
}

override func loadView() {
let view = UIView(frame: CGRect(x: 0, y: 0, width: 300, height: 300))
view.backgroundColor = .white

var f = view.bounds
f.size.height = 300

let holder = UIView(frame: view.bounds)
holder.autoresizingMask = [.flexibleWidth]

f.size.width = 150
f.size.height = view.frame.size.height

let table = UITableView(frame: f, style: .plain)
table.delegate = self
table.dataSource = self
table.autoresizingMask = [.flexibleWidth, .flexibleHeight, .flexibleRightMargin]

f.origin.x = 150

let layout = UICollectionViewFlowLayout()
layout.itemSize = CGSize(width: 150, height: 50)
layout.minimumInteritemSpacing = 0
layout.sectionInset = UIEdgeInsets.zero
layout.minimumLineSpacing = 1

let collection = UICollectionView(frame: f, collectionViewLayout: layout)
collection.register(UICollectionViewCell.self, forCellWithReuseIdentifier: "cell")
collection.delegate = self
collection.dataSource = self
collection.autoresizingMask = [.flexibleWidth, .flexibleHeight, .flexibleLeftMargin]
col = collection

view.addSubview(holder)
holder.addSubview(table)
holder.addSubview(collection)

self.view = view
}

override func viewDidAppear(_ animated: Bool) {
super.viewDidAppear(animated)
toggleContent()
}

func toggleContent()
{
guard let v = self.view.subviews.first else { return }

var f = v.frame
f.size.height = (f.size.height == 300) ? 150:300

UIView.animate(withDuration: 1.0) {
v.frame = f
}

DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + 1.5) {
self.toggleContent()
}
}
}

PlaygroundPage.current.liveView = MyViewController()
Я ожидаю, что это сработает в первую очередь как чудо, поскольку эта проблема не затрагивает представление таблицы.

Я уже пробовал использовать переопределенный макет потока и:
  • установить методы mustInvalidateLayout для возврата false (проверено как попадание, когда ячейки вот-вот исчезнут), чтобы я мог позже разобраться с аннулированием вручную
  • расширяя прямоугольник layoutAttributesForElements(in:)
  • переопределение FinalLayoutAttributesForDisappearingItem
Ничто из этого не оказывает никакого влияния. Закомментированный метод print() в CollectionView(_:didEndDisplaying:) показывает, что LayoutSubviews с удалением ячеек вызывается в любом случае.

Мотивация: вот реальная проблема, вызванная этим:

[img]https://i.stack.imgur .com/lInxo.gif[/img]


Я думаю, может быть очень простое и правильное решение этой проблемы? Я бы предпочел это чему-то «чрезвычайно хакерскому».

Пожалуйста, давайте продолжим исправлять пример Playground, не догадываясь! ;)

Подробнее здесь: https://stackoverflow.com/questions/513 ... view-frame
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «IOS»