title: iOS UICollectionView Horizontal Scrolling Rectangular Layout with different size of items?
body: <p><strong>iOS UICollectionView how to Create Horizontal Scrolling rectangular layout with different size of items inside.</strong></p>
  
  <p>I want to create a Rectangular layout using UICollectionView like below. how can i achieve?</p>
  
  <p>When i scroll <strong>horizontally</strong> using <strong>CollectionView</strong> 1,2,3,4,5,6 grid will scroll together to bring 7.</p>
  
  <p>The Below are the dimensions of 320*480 iPhone Resolution. Updated Screen below.</p>
  
  <p><a href="https://i.stack.imgur.com/TWv46.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TWv46.jpg" alt="enter image description here"></a></p>
  
  <p>First 6 items have below dimensions for iPhone 5s.</p>
  
  <pre><code>Item 1 Size is - (213*148)
  Item 2 Size is - (106*75)
  Item 3 Size is - (106*74)
  Item 4 Size is - (106*88)
  Item 5 Size is - (106*88)
  Item 6 Size is - (106*88)
  </code></pre>
  
  <p>After item6 have same dimensions as collection View width and height like below.</p>
  
  <pre><code>Item 7 Size is - (320*237)
  Item 8 Size is - (320*237)
  Item 9 Size is - (320*237)
  </code></pre>
  
  <p><strong>How to create a simple custom Layout Using collection view, that has horizontal scrolling?</strong></p>
  
  <p>Must appreciate for a quick solution. Thanks in advance.</p>