Table view cell scrolling issue

Question

I have a table view and collection view to display image. Table view for vertical scroll and collection view for horizontal scroll. The image is displayed as full screen for the device. But when I scroll vertically half of previous cell is displayed and half of next cell is displayed. I used Table view constant is 0 to superview on all 4 constraints.

func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
    return myTableView.frame.size.height;
}

To return the height of the cell but even this is causing same issue.

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = self.myTableView.dequeueReusableCell(withIdentifier: "TableViewCell", for: indexPath) as! TableViewCell
    return cell
}

This table view cell contains collection view

class TableViewCell: UITableViewCell,UICollectionViewDataSource,UICollectionViewDelegate,UICollectionViewDelegateFlowLayout{
    
 func setUpCollectionView(){
    let layout = UICollectionViewFlowLayout()
    layout.scrollDirection = .horizontal
    collectionView = UICollectionView(frame: .zero,collectionViewLayout: layout)
    collectionView?.register(VideoCollectionViewCell.self, forCellWithReuseIdentifier: VideoCollectionViewCell.identifier)
    collectionView?.isPagingEnabled = true
    collectionView?.dataSource = self
    collectionView?.delegate = self
    self.contentView.addSubview(collectionView!)
    collectionView?.translatesAutoresizingMaskIntoConstraints = false
    NSLayoutConstraint.activate([
        collectionView!.topAnchor.constraint(equalTo: contentView.topAnchor),
        collectionView!.bottomAnchor.constraint(equalTo: contentView.bottomAnchor),
        collectionView!.leadingAnchor.constraint(equalTo: contentView.leadingAnchor),
        collectionView!.trailingAnchor.constraint(equalTo: contentView.trailingAnchor),
    ])
}

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

This is my implementation, I don't want images to be displayed on half/half portion. I am trying to show it on full screen. Can anyone tell me why this is happening?

Can you provide a gif or image so we can better understand the problem? — Visal Rajapakse, Sep 26 '21 at 08:51
there's a image from url, the same I uploaded it from my device. The image it fills the imageView. — iron, Sep 26 '21 at 09:18
check out this answer, hopefully will be helpful: https://stackoverflow.com/a/68622400/11974184 — Amr, Sep 26 '21 at 09:34

Geo · Answer 1 · 2021-09-26T10:04:53.997

0

you need only UICollectionView display list images and set property scroll horizontal in UICollectionViewFlowLayout

 myCollectionView.dataSource = self
    myCollectionView.delegate = self
    myCollectionView.contentMode = .scaleAspectFill
   //  scroll the images page by page, set property isPagingEnabled is true
    myCollectionView.isPagingEnabled = true
    
    let layout = UICollectionViewFlowLayout()
    // set sroll horizontal here
    layout.scrollDirection = .horizontal
    myCollectionView.collectionViewLayout = layout

edited Sep 26 '21 at 10:04

answered Sep 26 '21 at 09:57

Geo

61
1
6

I have updated my config to collection view. Can you have a look please? – iron Sep 26 '21 at 11:14
If you want image display and scroll horizontal full screen for device, you need only UICollectionView, don't use UICollectionView inside UITableView – Geo Sep 26 '21 at 11:18
I just have a problem with vertical scroll in a table view – iron Sep 26 '21 at 11:25

Table view cell scrolling issue

1 Answers1