在App Store中显示搜索结果时,我正在尝试模仿苹果公司的功能. (参考:
http://searchengineland.com/apple-app-search-shows-only-one-result-at-a-time-133818)
它显示像卡中的详细应用程序信息,并且它被分页.当中间的一个活动卡片和滚动视图的分页行为仍然完整时,我被困在如何使上一张和第二张卡片显示.
我已经尝试使用UICollectionView并将clipSubviews设置为NO,希望它将显示上一页和下一页,但是一旦单元格离屏,单元格将被隐藏(从视图层次结构中移除),而不是显示.我认为这是UICollectionView的flyweight模式(UICollectionView的行为).有什么可能的想法?
干杯,
Rendy Pranata
解决方法
问题:UICollectionView作为UIScrollView的子类基本上是通过bounds.size的步幅来动画化它的边界.虽然这可能意味着你所要做的只是减少界限,同时保持框架更大,不幸的是,UICollectionView不会将任何单元格超出其当前边界,从而破坏您的预览效果.
解决方案:
>创建一个UICollectionView,其中页面设置为NO并使用所需的帧.
>创建比UICollectionView的框架/边界小的UICollectionViewCells.在这个阶段,下一个单元格的一部分应显示在框架中.在实施下面的其他步骤之前,这应该是可见的.
>添加一个collectionView.contentInset.left和右(我假设你的布局是水平的)等于contentOffsetValue方法(如下所示为简单起见),以便将第一个和最后一个单元格对齐到中间.
>创建一个UICollectionViewFlowLayout,它覆盖给出停止点的方法,如下所示:
像这样:
-(CGFloat)contentOffsetValue { return self.collectionView.bounds.size.width * 0.5f - self.itemSize.width * 0.5f; } - (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity { static float EscapeVelocity = 0.5f; // otherwise snap back to the middle NSArray* layoutAttributesArray = [self layoutAttributesForElementsInRect:self.collectionView.bounds]; if(layoutAttributesArray.count == 0) return proposedContentOffset; CGFloat currentBoundsCenterX = self.collectionView.contentOffset.x + self.collectionView.bounds.size.width * 0.5f; UICollectionViewLayoutAttributes* candidateNextLayoutAttributes = layoutAttributesArray.firstObject; for (UICollectionViewLayoutAttributes* layoutAttributes in layoutAttributesArray) { if ((layoutAttributes.representedElementCategory != UICollectionElementCategoryCell) || (layoutAttributes == candidateNextLayoutAttributes)) // skip the first comparison continue; if(velocity.x > EscapeVelocity || velocity.x < -(EscapeVelocity)) { if(velocity.x > EscapeVelocity && layoutAttributes.center.x > candidateNextLayoutAttributes.center.x) { candidateNextLayoutAttributes = layoutAttributes; } else if (velocity.x < -(EscapeVelocity) && layoutAttributes.center.x < candidateNextLayoutAttributes.center.x) { candidateNextLayoutAttributes = layoutAttributes; } } else { if(fabsf(currentBoundsCenterX - layoutAttributes.center.x) < fabsf(currentBoundsCenterX - candidateNextLayoutAttributes.center.x)) { candidateNextLayoutAttributes = layoutAttributes; } } } return CGPointMake(candidateNextLayoutAttributes.center.x - self.collectionView.bounds.size.width * 0.5f,proposedContentOffset.y); }