UICollectionViewCell 在 iOS 8 中消失

Posted

技术标签:

【中文标题】UICollectionViewCell 在 iOS 8 中消失【英文标题】:UICollectionViewCell disappears in iOS 8 【发布时间】:2014-12-30 12:50:33 【问题描述】:

我有一个在 ios 7 中运行良好的 collectionView,而现在在 iOS 8 中却表现得很奇怪。 当collectionView出现时它只显示一个单元格:(它必须是2)

但是在滚动一点后,第二个单元格出现了

我正在使用自定义 collectionViewFlowLayout。但更改为 UICollectionViewFlowLayout 并不能解决问题。

单元格大小:657、500

最小行间距:100

单元格的最小间距:10

我添加了左右边缘插图:(如果我删除插图效果很好。但我必须使用插图将我的单元格保持在视图中心)

- (UIEdgeInsets)collectionView:(UICollectionView *)cv
                        layout:(UICollectionViewLayout *)cvl
        insetForSectionAtIndex:(NSInteger)section 

    return UIEdgeInsetsMake(0, (cv.bounds.size.width - 657) / 2.0f, 0,
                            (cv.bounds.size.width - 657) / 2.0f);

这是我的自定义流程布局:

#import "CoverFlowLayout.h"

static const CGFloat kMaxDistancePercentage = 0.3f;
//static const CGFloat kMaxRotation = (CGFloat)(50.0 * (M_PI / 180.0));
static const CGFloat kMaxZoom = 0.1f;

@implementation CoverFlowLayout

- (id)init 
    if ((self = [super init])) 
        self.scrollDirection = UICollectionViewScrollDirectionHorizontal;
        self.minimumLineSpacing = 10000.0f; 
    return self;


- (NSArray*)layoutAttributesForElementsInRect:(CGRect)rect 
    // 1
    CGRect visibleRect =
    (CGRect).origin = self.collectionView.contentOffset,
        .size = self.collectionView.bounds.size;
    CGFloat maxDistance =
    visibleRect.size.width * kMaxDistancePercentage;
    // 2
    NSArray *array = [super layoutAttributesForElementsInRect:rect];
    for (UICollectionViewLayoutAttributes *attributes in array) 
        // 3
        CGFloat distance =
        CGRectGetMidX(visibleRect) - attributes.center.x;
        // 4
        CGFloat normalizedDistance = distance / maxDistance;
        normalizedDistance = MIN(normalizedDistance, 1.0f);
        normalizedDistance = MAX(normalizedDistance, -1.0f);
        // 5
        //CGFloat rotation = normalizedDistance * kMaxRotation;
        CGFloat zoom = 1.0f + ((1.0f - ABS(normalizedDistance)) * kMaxZoom);
        // 6
        CATransform3D transform = CATransform3DIdentity;
        transform.m34 = 1.0 / -1000.0;
        //transform = CATransform3DRotate(transform,
          //                             rotation, 0.0f, 1.0f, 0.0f);
        transform = CATransform3DScale(transform, zoom, zoom, zoom);
        attributes.transform3D = transform;
    
    // 7
    return array;



- (BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds 
    return YES;


- (CGPoint)targetContentOffsetForProposedContentOffset: (CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity

    // 1
    CGFloat offsetAdjustment = CGFLOAT_MAX;
    CGFloat horizontalCenter = proposedContentOffset.x +
    (CGRectGetWidth(self.collectionView.bounds) / 2.0f);
    // 2
    CGRect targetRect = CGRectMake(proposedContentOffset.x,
                                   0.0f, self.collectionView.bounds.size.width, self.collectionView.bounds.size.height);
    NSArray *array =
    [super layoutAttributesForElementsInRect:targetRect];
    for (UICollectionViewLayoutAttributes* layoutAttributes in array)
    
        // 3
        CGFloat distanceFromCenter = layoutAttributes.center.x - horizontalCenter;
        if (ABS(distanceFromCenter) < ABS(offsetAdjustment))
        
            offsetAdjustment = distanceFromCenter;
        
    
    // 4
    return CGPointMake(proposedContentOffset.x + offsetAdjustment,
                   proposedContentOffset.y);


最初在覆盖 layoutAttributesForElementsInRect 可见矩形中是 0,0,1024,768 但是[super layoutAttributesForElementsInRect:rect]; 只返回一个UICollectionViewCellAttribute。 (应该是2)

有什么办法可以解决这个问题吗?

【问题讨论】:

【参考方案1】:

我不知道它是如何导致问题的,但它起源于:

NSIndexPath *visibleIndexPath = [self.collectionView indexPathForItemAtPoint:midPoint];

我想更新我的 pageControl 以指示哪个单元格位于屏幕中心。

我改变了我的方法,现在效果很好:

//*****updating page control*****
// get the visible rect
CGRect visibleRect = (CGRect) .origin = self.collectionView.contentOffset,
    .size = self.collectionView.bounds.size;
// get the mid point in the visible rect
CGPoint midPoint = CGPointMake(CGRectGetMidX(visibleRect), CGRectGetMidY(visibleRect));
// find indexPath of the item in that midPoint
 //in iOS 8 Cause the second cell disappear
//NSIndexPath *visibleIndexPath = [self.collectionView indexPathForItemAtPoint:midPoint];
//iterating through visble cells to find the cell which contains midpoint then get get that cell indexpath
for (UICollectionViewCell *cell in [self.collectionView visibleCells]) 
    if (CGRectContainsPoint(cell.frame, midPoint)) 
        NSIndexPath *indexPath = [self.collectionView indexPathForCell:cell];

        //update page control
        self.pageControl.currentPage = indexPath.row;
        //quiting loop
        break;
    

【讨论】:

以上是关于UICollectionViewCell 在 iOS 8 中消失的主要内容,如果未能解决你的问题,请参考以下文章

iOS swift UICollectionviewcell 快照错误

如何在 iOS 中使用 Storyboard 创建自定义 UICollectionViewCell?

如何在 iOS 的 UICollectionViewCell 的左上角添加按钮?

具有自动调整大小的 UICollectionViewCell 在 iOS 9 中不起作用,但在 iOS 10 中起作用

iOS:长按时在 uicollectionViewcell 上显示带有文本的标签

iOS:如何更改 UICollectionViewCell 的方向?