当前位置:   article > 正文

UICollectionView 与屏幕旋转 问题_uicollectionview 旋转屏幕

uicollectionview 旋转屏幕

原来的网址:http://www.itstrike.cn/Question/c69f0dc5-ce17-4c43-91f4-63259ab95d93.html


我有一个使用照片库视图 UICollectionView 与 UICollectionViewFlowLayout ,它有 pagingEnabled 和滚动水平显示一次只有一个视图。

直到我试着旋转它非常适合......

当我在旋转设备, willRotateToInterfaceOrientation:duration: 更新 collectionView.contentOffset 所以它停留在正确的项目上,所以它在动画演示成新尺寸调整大小 currentCell.的问题是在动画中的两个国家之间,'以前' 方向进行动画处理从左上角和扔到视图中的其他单元格。什么是我做错了这样正在进行动画处理从屏幕上的视图是福吧?

在这里是什么它看起来像在行动中:

http://www.smugmug.com/gallery/n-3F9kD/i-BwzRzRf/A(忽略视频不连贯,这是 Quicktime 的错: p)

这里是我 willAnimateRotationToInterfaceOrientation:duration :

  1. - (void)willAnimateRotationToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration {
  2. [super willAnimateRotationToInterfaceOrientation:toInterfaceOrientation duration:duration];
  3. // Update the flowLayout's size to the new orientation's size
  4. UICollectionViewFlowLayout *flow = (UICollectionViewFlowLayout *)self.collectionView.collectionViewLayout;
  5. if (UIInterfaceOrientationIsLandscape(toInterfaceOrientation)) {
  6. flow.itemSize = CGSizeMake(self.collectionView.frame.size.width, self.collectionView.frame.size.height);
  7. } else {
  8. flow.itemSize = CGSizeMake(self.collectionView.frame.size.width, self.collectionView.frame.size.height);
  9. }
  10. self.collectionView.collectionViewLayout = flow;
  11. [self.collectionView.collectionViewLayout invalidateLayout];
  12. // Get the currently visible cell
  13. PreviewCellView *currentCell = (PreviewCellView*)[self.collectionView cellForItemAtIndexPath:[NSIndexPath indexPathForRow:_currentIndex inSection:0]];
  14. // Resize the currently index to the new flow's itemSize
  15. CGRect frame = currentCell.frame;
  16. frame.size = flow.itemSize;
  17. currentCell.frame = frame;
  18. // Keep the collection view centered by updating the content offset
  19. CGPoint newContentOffset = CGPointMake(_currentIndex * frame.size.width, 0);
  20. self.collectionView.contentOffset = newContentOffset;
  21. }

据我所知我找不到任何地方任何示例代码说明了如何使优雅地旋转照片库样式集合视图。

解决方法 1:

我挣扎着与此相当一段时间,直到至少发现了此 '化妆品的解决方法:

在旋转过程中添加全屏 UIImageView 与当前图像 (和正确的自动布局设置的约束) 在之间导航。就像这样:

  1. -(void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration: (NSTimeInterval)duration
  2. {
  3. [self.collectionView.collectionViewLayout invalidateLayout];
  4. // show a UIImageView with the current image on top of the collectionView
  5. // to cover the ugly animation
  6. self.imageViewOnTopOfCollectionView.image = [self imageForItemAtIndexPath:self.currentIndexPath];
  7. self.imageViewOnTopOfCollectionView.hidden = NO;
  8. // show a centered, very large 'fakeBackground' view on top of
  9. // the UICollectionView, but below the UIImageView
  10. self.fakeBackground.hidden = NO;
  11. }
  12. -(void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation
  13. {
  14. // ... set correct contentOffset
  15. // hide the fake views again
  16. self.imageViewOnTopOfCollectionView.hidden = YES;
  17. self.fakeBackground.hidden = YES;
  18. }

大的 'fakeBackground' 会防止部分是可见此 imageViews 框架外,而它旋转的丑陋集合视图动画的额外改进。例如超大 (大于所有维度中的视图的边界) UIView 与之间导航,带有 z-索引只之间导航和 imageView 之间的背景颜色相同。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/382058
推荐阅读
相关标签
  

闽ICP备14008679号