WaterfallFlowDemo

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

Первыми сайт с такой компоновкой применили Pinterest, и постепенно она стала популярной в Китае. Большинство китайских сайтов с чистым интерфейсом используют этот стиль.

1. Можно бесконечно обновлять страницу, данные бесконечны.
2. Ширина каждой колонки одинакова, высота колонок разная, что создаёт интересный визуальный эффект.

• Пользовательская компоновка потока
  • Создайте новый пользовательский класс, унаследованный от UICollectionViewFlowLayout.
  • Измените пользовательский класс в раскадровке на LNWaterfallFlowLayout для Collection View Flow Layout.
  • По умолчанию itemSize представления коллекции не изменяется.
  • Решение проблемы каскадной компоновки: если вы заранее рассчитаете рамку всех свойств макета, создадите массив и вернёте его непосредственно в методе -layoutAttributesForElementsInRect:, вы сможете достичь эффекта каскадной компоновки.

/**
 *  Метод подготовки макета будет вызван один раз при инициализации.
 *  Будет вызываться при изменении макета collectionView.
 *  Обычно это подготовительная работа по макету itemSize.....
 */
- (void)prepareLayout;
/**
 *  Отслеживание эффекта: когда достигается область, которую нужно отобразить, вычисляются все атрибуты отображаемых элементов.
 *  После завершения расчета все свойства будут кэшированы и не будут пересчитываться снова.
 *  @return возвращает массив атрибутов макета (UICollectionViewLayoutAttributes).
 */
- (NSArray *)layoutAttributesForElementsInRect:(CGRect)rect;