Змініть розмір UICollectionViewCell в різних орієнтаціях пристроїв

Я використовую UICollectionViewс UICollectionViewFlowLayout.

Я встановлюю розмір кожної комірки через

collectionView:layout:sizeForItemAtIndexPath:

Перемикаючись з портретного на ландшафтний, я хотів би відрегулювати розмір кожної комірки, щоб повністю відповідати розміру CollectionView, не залишаючи пробілу між клітинками.

Запитання:

1) Як змінити розмір комірки після події обертання?

2) І, ще краще, як зробити макет там, де комірки завжди підходять під весь розмір екрана?

1) Ви можете підтримувати та міняти декілька об'єктів макета, але є більш простий спосіб. Просто додайте наступне до свого UICollectionViewControllerпідкласу та відрегулюйте розміри, як потрібно:

- (CGSize)collectionView:(UICollectionView *)collectionView
                  layout:(UICollectionViewLayout *)collectionViewLayout
  sizeForItemAtIndexPath:(NSIndexPath *)indexPath
{    
    // Adjust cell size for orientation
    if (UIDeviceOrientationIsLandscape([[UIApplication sharedApplication] statusBarOrientation])) {
        return CGSizeMake(170.f, 170.f);
    }
    return CGSizeMake(192.f, 192.f);
}

- (void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation
{
    [self.collectionView performBatchUpdates:nil completion:nil];
}

Виклик -performBatchUpdates:completion:призведе до недійсності макета та зміни розміру комірок з анімацією (ви можете просто передати нуль обом блокам парам, якщо у вас немає додаткових коригувань для виконання).

2) Замість жорсткого кодування розмірів предметів у -collectionView:layout:sizeForItemAtIndexPath, просто розділіть висоту або ширину меж collectionView на кількість комірок, які ви хочете розмістити на екрані. Використовуйте висоту, якщо ваша колекція View прокручує горизонтально, або ширину, якщо вона прокручується вертикально.

Якщо ви не хочете, щоб додаткові анімації приносили performBatchUpdates:completion:, просто використовуйте, invalidateLayoutщоб змусити колекціюViewLayout перезавантажити.

- (void)viewWillLayoutSubviews
{
    [super viewWillLayoutSubviews];
    [self.collectionView.collectionViewLayout invalidateLayout];
}

Я вирішив за допомогою двох UICollectionViewFlowLayout. Один для портрета і один для пейзажу. Я призначаю їх моїй колекціїView динамічно в -viewDidLoad

self.portraitLayout = [[UICollectionViewFlowLayout alloc] init];
self.landscapeLayout = [[UICollectionViewFlowLayout alloc] init];

UIInterfaceOrientation orientationOnLunch = [[UIApplication sharedApplication] statusBarOrientation];

if (UIInterfaceOrientationIsPortrait(orientationOnLunch)) {
    [self.menuCollectionView setCollectionViewLayout:self.portraitLayout];
} else {
    [self.menuCollectionView setCollectionViewLayout:self.landscapeLayout];
}

Тоді я просто змінив свої колекціїViewFlowLayoutDelgate методи таким чином

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath{
    CGSize returnSize = CGSizeZero;

    if (collectionViewLayout == self.portraitLayout) {
        returnSize = CGSizeMake(230.0, 120.0);
    } else {
        returnSize = CGSizeMake(315.0, 120.0);
    }

    return returnSize;
}

Останній я перемикаюся з макету на інший при обертанні

- (void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation{
    if (UIInterfaceOrientationIsPortrait(fromInterfaceOrientation)) {
        [self.menuCollectionView setCollectionViewLayout:self.landscapeLayout animated:YES];
    } else {
        [self.menuCollectionView setCollectionViewLayout:self.portraitLayout animated:YES];
    }
}

Існує простий спосіб встановити розмір комірки для перегляду колекції:

UICollectionViewFlowLayout *layout = (id) self.collectionView.collectionViewLayout;
layout.itemSize = CGSizeMake(cellSize, cellSize);

Не впевнений, чи це анімація, хоча.

Swift: комірка для перегляду колекції, яка становить n% від висоти екрана

Мені потрібна була клітинка, яка мала певний відсоток висоти переглядів і мала розмір при обертанні пристрою.

За допомогою зверху ось рішення

override func viewDidLoad() {
    super.viewDidLoad()
    automaticallyAdjustsScrollViewInsets = false
    // if inside nav controller set to true
}

override func willRotateToInterfaceOrientation(toInterfaceOrientation: UIInterfaceOrientation, duration: NSTimeInterval) {
    collectionViewLayout.invalidateLayout()
}

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
    return CGSize(width: 100, height: collectionView.frame.height * 0.9)
}

Якщо ви використовуєте. autolayoutВам просто потрібно увімкнути invalidate layoutконтролер перегляду під час обертання та регулювання offsetпідкласу макета потоку.

Отже, у вашому контролері перегляду -

override func willRotateToInterfaceOrientation(toInterfaceOrientation:     UIInterfaceOrientation, duration: NSTimeInterval) {
    self.galleryCollectionView.collectionViewLayout.invalidateLayout()
}

І у вашому FlowLayout Subclass

override func prepareLayout() {
    if self.collectionView!.indexPathsForVisibleItems().count > 0{
    var currentIndex : CGFloat!
    currentIndex = CGFloat((self.collectionView!.indexPathsForVisibleItems()[0] as! NSIndexPath).row)
    if let currentVal = currentIndex{
        self.collectionView!.contentOffset = CGPointMake(currentIndex * self.collectionView!.frame.width, self.collectionView!.contentOffset.y);
    }   
    }     
}