ios 15~UIcollectionViewの単図全画面横ページめくりと間隔

900 ワード

2018.05.30
UIcollectionViewはフルスクリーンブラウザをして、単図を表示して、横にスクロールして、図の直接間隔は20で、pagingEnabled=YES、スクロールすると間隔が現れます
  • collectionViewを設定.pagingEnabled=YES
  • 現在のcollectionViewのframe幅を画面幅+
  • に設定
  • カスタムUIcollectionViewFlowLayout、itemSizeはスクリーン幅、設定間隔minimumLineSpacingは20
  • xxxFlowLayout *layout = [xxxFlowLayout new];
    layout.itemSize = CGSizeMake(SCREEN_WIDTH, SCREEN_HEIGHT);
    layout.scrollDirection = UICollectionViewScrollDirectionHorizontal;
    layout.minimumLineSpacing = 20;
    layout.minimumInteritemSpacing = 0;
    
  • カスタムflowlayoutでcontentSizeを設定し、幅はピクチャ個数*(画面幅+ピッチ20)
  • - (CGSize)collectionViewContentSize {
        
        CGSize size = [super collectionViewContentSize];
        size.width = ITEM_COUNT * (kSCREEN_WIDTH + 20);
        return size;
    }
    
  • このようにcollectioViewは20を広くし、ピッチを残し、横方向にスライドするcontentSizeはピッチ20を増やし、スライドするたびにピッチの位置
  • を譲ることを保証する.