如何使用标题水平滚动集合视图

Question

I have collectionview with header.

This is the image

In this, i have display the questions in the UICollectionReusableView as header and answers in the collectionviewcell. So the image is this way.But i need to scroll the collectionview horizontal only.

But that time it will become as :-

This is the header.

This is the cell.

But i need this in the first screen header and its answers. when user scroll it then need show 2nd question in header and its answers. How to implement it?

currently my code is as below:-

extension NH_DummyDataViewController: UICollectionViewDataSource {


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

        return self.questionViewModel.numberOfSections()
    }

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return self.questionViewModel.numberOfRowsIn(section: section)

    }

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

        let cell = verticalCollectionView.dequeueReusableCell(withReuseIdentifier: "NH_Headercell", for: indexPath)as!  NH_Headercell

    //    cell.options.text = "hello"

    //    let optionModel = self.questionViewModel.datafordisplay(atindex: indexPath)

        cell.setReviewData(reviews:self.questionViewModel.datafordisplay(atindex: indexPath))


        return cell
    }


    func collectionView(_ collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, at indexPath: IndexPath) -> UICollectionReusableView {


        let  firstheader: NH_QuestionHeaderCell = collectionView.dequeueReusableSupplementaryView(ofKind: kind, withReuseIdentifier: "NH_QuestionHeaderCell", for: indexPath ) as! NH_QuestionHeaderCell


        firstheader.setReviewData(reviews:questionViewModel.titleForHeaderInSection(atsection:indexPath.section))

        return firstheader
    }
}

// MARK: UICollectionViewDelegateFlowLayout

extension NH_DummyDataViewController: UICollectionViewDelegateFlowLayout {
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {


        return CGSize(width: collectionView.frame.width, height: 100)
    }

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, referenceSizeForHeaderInSection section: Int) -> CGSize {


        return CGSize(width: collectionView.frame.width, height: 100)
    }
}

Answer 1

设置收藏夹视图滚动方向为水平并设置分页

yourCollectionview.pagingEnabled = true