কম্পিউটার টিউটোরিয়াল

iOS-এ UICollectionView লেআউট তৈরি করা (গ্রিড ভিউ)


UICollectionView: গ্রিড লেআউট বানানোর পূর্ণ গাইড

UICollectionView টেবল ভিউর মতোই মৌলিক, কিন্তু এটি হরিজন্টাল এবং ভার্টিক্যাল উভয় স্ক্রলিং সাপোর্ট করে—এন্ড্রয়েডের গ্রিড ভিউর সমতুল্য।

স্টোরিবোর্ড সেটআপ

  1. Single View App তৈরি করুন।
  2. Main.storyboard-এ UICollectionView যোগ করুন।
  3. সেল সিলেক্ট করে Reuse Identifier = "cell" দিন।
  4. নতুন UICollectionViewCell সাবক্লাস তৈরি করুন (CollectionViewCell) এবং সেলের ক্লাস সেট করুন।

ViewController কোড

import UIKit

class ViewController: UIViewController, UICollectionViewDataSource, UICollectionViewDelegate {
    @IBOutlet var collectionView: UICollectionView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        collectionView.dataSource = self
        collectionView.delegate = self
    }
    
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return 50
    }
    
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath) as! CollectionViewCell
        cell.backgroundColor = .systemGray
        cell.layer.cornerRadius = 8
        return cell
    }
}

স্ক্রল ডাইরেকশন পরিবর্তন

স্টোরিবোর্ডে কালেকশন ভিউ সিলেক্ট করে Attributes Inspector > Scroll Direction = Horizontal সেট করুন।

প্রো টিপ: কম্পোজিশনাল লেআউট (iOS 13+)

আধুনিক অ্যাপে UICollectionViewCompositionalLayout ব্যবহার করুন—এটি বেশি শক্তিশালী এবং রেসপন্সিভ।


  1. Facebook-এ Android অ্যাপ তৈরি করার পদ্ধতি

  2. iOS 14-এ App Library কীভাবে ব্যবহার করবেন

  3. iOS 14-এ App Library ব্যবহার করার পদ্ধতি

  4. Gmail ডেস্কটপ অ্যাপ তৈরি করার পদ্ধতি