web-dev-qa-db-ja.com

UICollectionViewの最初と最後のセルにパディングを追加する

UICollectionViewFlowLayoutをサブクラス化して、ページングのような動作の水平方向のUICollectionViewを取得しました。 UICollectionViewCellが最初の最後のセルでない限り、問題なく動作します。以下に添付の画像。

enter image description hereenter image description here

以下のほかに、UICollectionViewFlowLayoutの何かをオーバーライドする必要がありますか？

- (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity
{
CGFloat offSetAdjustment = MAXFLOAT;
CGFloat horizontalCenter = (CGFloat) (proposedContentOffset.x + (self.collectionView.bounds.size.width / 2.0));

CGRect targetRect = CGRectMake(proposedContentOffset.x,
                               0.0,
                               self.collectionView.bounds.size.width,
                               self.collectionView.bounds.size.height);

NSArray *array = [self layoutAttributesForElementsInRect:targetRect];
for (UICollectionViewLayoutAttributes *layoutAttributes in array)
{
    if(layoutAttributes.representedElementCategory == UICollectionElementCategoryCell)
    {
        CGFloat itemHorizontalCenter = layoutAttributes.center.x;
        if (ABS(itemHorizontalCenter - horizontalCenter) < ABS(offSetAdjustment))
        {
            offSetAdjustment = itemHorizontalCenter - horizontalCenter;
        }
    }
}

CGFloat nextOffset = proposedContentOffset.x + offSetAdjustment;

do {
    proposedContentOffset.x = nextOffset;
    CGFloat deltaX = proposedContentOffset.x - self.collectionView.contentOffset.x;
    CGFloat velX = velocity.x;

    if(deltaX == 0.0 || velX == 0 || (velX > 0.0 && deltaX > 0.0) || (velX < 0.0 && deltaX < 0.0))
    {
        break;
    }

    if(velocity.x > 0.0)
    {
        nextOffset += [self snapStep];
    }
    else if(velocity.x < 0.0)
    {
        nextOffset -= [self snapStep];
    }
} while ([self isValidOffset:nextOffset]);

proposedContentOffset.y = 0.0;

return proposedContentOffset;
}
    - (BOOL)isValidOffset:(CGFloat)offset
{
    return (offset >= [self minContentOffset] && offset <= [self maxContentOffset]);
}

- (CGFloat)minContentOffset
{
  return -self.collectionView.contentInset.left;
}

- (CGFloat)maxContentOffset
{
    return [self minContentOffset] + self.collectionView.contentSize.width -      self.itemSize.width;
}

- (CGFloat)snapStep
{
return self.itemSize.width + self.minimumLineSpacing;
}

どんなポインタ/コメントも役に立ちます。

iosobjective-cuicollectionviewuicollectionviewcelluicollectionviewlayout
14
slonkar

コレクションビューのフレームを設定するときに、左右のスペースをパディングと同じに設定できます。

または

cellForItemAtIndexPathに条件を設定して、最初のセルまたは最後のセルの場合、それに応じてパディングを管理することができます。それでおしまい。

または

collectionViewのcontentInsetプロパティを設定できます。

例えば、

UICollectionView *cv; // your collectionView

cv.contentInset = UIEdgeInsetsMake(0, 5, 0, 5);

または、ストーリーボードでUICollectionViewcontentInsetを設定して機能させることもできます。

31
Ketan Parmar

Interface Builderからインセットを変更することでそれを実現できます。それらは、サイズインスペクターのSection Insetsとして見つかります：

Section Insets for Collection View in InterfaceBuilder

5
Jonathan Cabrera

Swift 5：の場合

viewDidLoadで、contentInsetのcollectionViewプロパティを次のように設定します。

self.collectionView.contentInset = UIEdgeInsets(top: 0, left: 5, bottom: 0, right: 5);
3
Rbar

単純に、collectionviewメソッドを使用して、bellowメソッドのようにUIEdgeInsetsを設定できます。

-(UIEdgeInsets)collectionView:(UICollectionView*)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section
{
  return UIEdgeInsetsMake(0,10,0,10); // top, left, bottom, right
}

ここでは、最初と最後のセルの左側のスペースと右側のスペースの値を渡すことができます。また、2つのセルの間に最小のスペースをbellowメソッドで提供することもできます

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section {
   return 5.0;
}
2
Pankaj K.

受け入れられたソリューションは機能しますが、pagingEnabledがある場合、コレクションビューのページングが壊れます。

私にとっての解決策は使用することでした：


func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
    return UIEdgeInsets(top: 0, left: 16, bottom: 0, right: 16)
}
0
Tung Fam