更改 UICollectionView 单元格 X 位置 - 快速

Posted

技术标签:

【中文标题】更改 UICollectionView 单元格 X 位置 - 快速【英文标题】:Change UICollectionView cell X position - swift 【发布时间】:2018-12-05 05:35:28 【问题描述】:

如何以编程方式更改每个单元格的 X 位置?我可以根据需要更改单元格的宽度和高度,但由于 XY 位置,无法完成项目。

我的结果

预期结果是,

我的完整视图控制器代码是,

import UIKit

class ReviewVC: UIViewController , UICollectionViewDataSource , UICollectionViewDelegate , UICollectionViewDelegateFlowLayout


    var cellWidthArr : [CGFloat] = [60.0 , 170.0 , 110.0 , 120.0]


    var titleArr = ["  Polite  " , "  Showed up on time  ", "  Quick responses  " , "  Fair prices  "]

    override func viewDidLoad() 
        super.viewDidLoad()


        self.navigationItem.title = "Review your experiance"

        let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()
        layout.sectionInset = UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0)
        layout.minimumInteritemSpacing = 0
        layout.minimumLineSpacing = 0
        collectionView!.collectionViewLayout = layout

    


    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int 
        return 4
    

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

        cell?.titleLabel.text = self.titleArr[indexPath.row]

        cell?.titleLabel.layer.cornerRadius = (cell?.titleLabel.bounds.size.height)!/2
        cell?.titleLabel.clipsToBounds = true

        cell?.titleLabel.layer.borderColor = (UIColor.init(red: 240/255, green: 36/255, blue: 70/255, alpha: 1.0)).cgColor
        cell?.titleLabel.layer.borderWidth = 1.0

        return cell!
    

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets 
        return UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0)
    

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize
    
        return CGSize(width: self.cellWidthArr[indexPath.row], height: 30)
    

任何人请帮我找出解决方案。谢谢...

【问题讨论】:

尝试计算sizeForItemAt内标签的宽度,并根据计算的标签宽度设置单元格宽度。 能否用代码解释一下... 【参考方案1】:

您可以使用GitHubriteshhgupta编写的开源项目TagCellLayout。

初始化布局的示例代码:

import TagCellLayout

let tagCellLayout = TagCellLayout(alignment: .left, delegate: self)
collectionView.collectionViewLayout = tagCellLayout

我知道您可能会为此编写大量代码,但这会很有帮助,甚至您可以自定义不同的布局对齐方式。

【讨论】:

【参考方案2】:
func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize 

    return (ArrayName[indexPath.row] as NSString).size(withAttributes: nil)

除了在数组中给出固定大小的单元格之外,还有一种方法可以在 sizeForItemAtIndexPath 中找到标签大小,返回文本的大小所以它会找到大小并工作

【讨论】:

您好,感谢您的回答。但是在执行代码时,标签相互重叠,我认为需要更多帮助......请

以上是关于更改 UICollectionView 单元格 X 位置 - 快速的主要内容,如果未能解决你的问题,请参考以下文章

UICollectionView.reloadData() 更改单元格顺序 | iOS 斯威夫特

UICollectionView 更改布局 - 更改单元格

根据单元格的不更改单元格高度动态更改 UICollectionView 高度

设备方向更改时如何更改 UiCollectionView 单元格大小?

动画 UICollectionView 单元格大小更改和重新定位周围的单元格

当边界 UICollectionView 更改时调整单元格大小