Thay đổi kích thước UICollectionViewCell trên các hướng thiết bị khác nhau

Tôi đang sử dụng UICollectionViewvới UICollectionViewFlowLayout.

Tôi đặt kích thước của mỗi ô thông qua

collectionView:layout:sizeForItemAtIndexPath:

Khi chuyển từ dọc sang ngang, tôi muốn điều chỉnh kích thước của từng ô để hoàn toàn vừa với kích thước của CollectionView mà không để lại khoảng đệm giữa các ô.

Câu hỏi:

1) Làm thế nào để thay đổi kích thước của một ô sau một sự kiện xoay?

2) Và, tốt hơn nữa, làm thế nào để bố trí nơi các ô luôn phù hợp với toàn bộ kích thước của màn hình?

1) Bạn có thể duy trì và hoán đổi nhiều đối tượng bố cục, nhưng có một cách đơn giản hơn. Chỉ cần thêm phần sau vào UICollectionViewControllerlớp con của bạn và điều chỉnh kích thước theo yêu cầu:

- (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];
}

Việc gọi -performBatchUpdates:completion:sẽ làm mất hiệu lực của bố cục và thay đổi kích thước các ô có hoạt ảnh (bạn chỉ có thể chuyển nil cho cả hai tham số khối nếu bạn không có thêm điều chỉnh để thực hiện).

2) Thay vì mã hóa cứng kích thước mục -collectionView:layout:sizeForItemAtIndexPath, chỉ cần chia chiều cao hoặc chiều rộng của giới hạn của collectionView cho số ô bạn muốn vừa với màn hình. Sử dụng chiều cao nếu bộ sưu tập của bạn cuộn theo chiều ngang hoặc chiều rộng nếu cuộn theo chiều dọc.

Nếu bạn không muốn có thêm hoạt ảnh performBatchUpdates:completion:, chỉ cần sử dụng invalidateLayoutđể buộc collectionViewLayout tải lại.

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

Tôi đã giải quyết bằng cách sử dụng hai UICollectionViewFlowLayout. Một cho chân dung và một cho phong cảnh. Tôi chỉ định chúng vào bộ sưu tập của mìnhXem di động trong -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];
}

Sau đó, tôi chỉ cần sửa đổi Phương thức collectionViewFlowLayoutDelgate của mình như thế này

- (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;
}

Lần cuối cùng tôi chuyển từ một bố cục sang một bố cục khác khi xoay

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

Có một cách đơn giản để đặt kích thước ô trong chế độ xem bộ sưu tập:

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

Tuy nhiên, không chắc liệu nó có hoạt hình hay không.

Swift: Ô Chế độ xem Bộ sưu tập có chiều cao n% của màn hình

Tôi cần một ô là một tỷ lệ phần trăm chiều cao nhất định của chế độ xem và sẽ thay đổi kích thước khi xoay thiết bị.

Với sự giúp đỡ từ phía trên, đây là giải pháp

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)
}

Nếu bạn đang sử dụng autolayout. Bạn chỉ cần invalidate layoutvào bộ điều khiển chế độ xem khi xoay và điều chỉnh offsettrong lớp con bố cục luồng của bạn.

Vì vậy, trong bộ điều khiển chế độ xem của bạn -

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

Và trong của bạn 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);
    }   
    }     
}