UICollectionView छवि स्क्रॉलिंग के अंदर पेजकंट्रोल कैसे जोड़ें

Question

हैलो मेरे पास UICollectionView क्षैतिज छवि प्रविष्टि कोड है, मैं छवियों को स्क्रॉल करते समय PageControl जोड़ना चाहता हूं, मैंने पेजcontrol चयनकर्ता और IBOutlet जोड़ा, लेकिन, मैं इसे कैसे एकीकृत कर सकता हूं? के बीच। ?

नीचे दिए गए मेरे कोड।

class ViewController: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout { 


    @IBOutlet weak var View : DesignableView! 


    @IBOutlet var collectionView: UICollectionView! 
    @IBOutlet var collectionViewLayout: UICollectionViewFlowLayout! 

    @IBOutlet open weak var pageControl: UIPageControl? { 
     didSet { 
      pageControl?.addTarget(self, action: #selector(ViewController.pageChanged(_:)), for: .valueChanged) 
     } 
    } 

    override func viewDidLoad() { 
     super.viewDidLoad() 

     pageControl?.numberOfPages = 11 


    } 


    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { 
     return 11; 
    } 




    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { 
     let cell: ImageCollectionViewCell = collectionView.dequeueReusableCell(withReuseIdentifier: "ImageCollectionViewCell", for: indexPath) as! ImageCollectionViewCell 
     cell.label.text = "Cell \(indexPath.row)" 
     cell.backgroundImageView.image = UIImage(named: "Parallax \(indexPath.row + 1)") 

     // Parallax cell setup 
     cell.parallaxTheImageViewScrollOffset(self.collectionView.contentOffset, scrollDirection: self.collectionViewLayout.scrollDirection) 
     return cell 
    } 



    @IBAction open func pageChanged(_ sender: UIPageControl) { 

     print(sender.currentPage) 


    } 




    // MARK: Delegate 

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { 
     return collectionView.bounds.size; 
    } 

    // MARK: Scrolling 

    func scrollViewDidScroll(_ scrollView: UIScrollView) { 
     // Parallax visible cells 
     for cell: ImageCollectionViewCell in collectionView.visibleCells as! [ImageCollectionViewCell] { 
      cell.parallaxTheImageViewScrollOffset(self.collectionView.contentOffset, scrollDirection: self.collectionViewLayout.scrollDirection) 
     } 
    } 


    override func didReceiveMemoryWarning() { 
     super.didReceiveMemoryWarning() 
     // Dispose of any resources that can be recreated. 
    } 



} 

Answer 1

यहां आपके पास क्षैतिज संग्रह दृश्य में पृष्ठ नियंत्रण पृष्ठांकन के साथ एक पूर्ण श्रेणी है। यह अभी मेरे अनुप्रयोगों में से एक पर काम कर रहा है, और सही तरीके से काम कर रहा है। यदि आप इसे काम नहीं कर पा रहे हैं, तो मुझसे पूछने में संकोच न करें और मैं आपकी मदद करूंगा।

पहले, स्टोरीबोर्ड में आप के साथ अपने CollectionView स्थापित करने के लिए है:

लेआउट: प्रवाह
स्क्रॉल दिशा: क्षैतिज
स्क्रॉल सक्षम
पेजिंग सक्षम

@IBOutlet weak var collectionView: UICollectionView! //img: 77 

@IBOutlet weak var pageControl: UIPageControl! 

var thisWidth:CGFloat = 0 

override func awakeFromNib() { 
    super.awakeFromNib() 

    thisWidth = CGFloat(self.frame.width) 
    collectionView.delegate = self 
    collectionView.dataSource = self 

    pageControl.hidesForSinglePage = true 

} 

func numberOfSections(in collectionView: UICollectionView) -> Int { 
    return 10 
} 

func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { 
    return 1 
} 

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { 
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "YourCell", for: indexPath) 

    return cell 
} 

func collectionView(_ collectionView: UICollectionView, willDisplay cell: UICollectionViewCell, forItemAt indexPath: IndexPath) { 
    self.pageControl.currentPage = indexPath.section 
} 

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { 
    thisWidth = CGFloat(self.frame.width) 
    return CGSize(width: thisWidth, height: self.frame.height) 
} 

Answer 2

मैं स्वीकृत उत्तर का प्रशंसक नहीं हूं। समय-समय पर, willDisplay cell उपयोगकर्ता इंटरैक्शन के आधार पर पृष्ठ नियंत्रण के लिए गलत पृष्ठ लौटाएगा।

मैं क्या का उपयोग करें:

func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) { 
    pageControl.currentPage = Int(scrollView.contentOffset.x)/Int(scrollView.frame.width) 
} 

इस पृष्ठ के बाद उपयोगकर्ता इस प्रकार स्क्रॉल pageControl की currentPage अधिक सटीक बनाने समाप्त हो गया है अद्यतन करेगा।

Answer 3

scrollViewDidEndDecelerating के लिए प्रतीक्षा UIPageControl के धीमे अपडेट में परिणाम। यदि आप अधिक उत्तरदायी यूआई चाहते हैं, तो मैं सुझाव देता हूं कि scrollViewWillEndDragging(_:withVelocity:targetContentOffset:) लागू करें।

स्विफ्ट 4 उदाहरण है, जहां प्रत्येक संग्रह दृश्य अनुभाग एक पृष्ठ है:

override func scrollViewWillEndDragging(_ scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>) { 
    if let collectionView = scrollView as? ScoreCollectionView, 
     let section = collectionView.indexPathForItem(at: targetContentOffset.pointee)?.section { 
     self.pageControl.currentPage = section 
    } 
}