超简单方式实现 自适应文本宽度与FlowLayout Swift版本

效果:
在这里插入图片描述

思路:
先把UICollectionViewDelegate代理更换为UICollectionViewDelegateFlowLayout,然后实现func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize这个方法。该方法的作用系根据indexPath动态返回flowLayoutItem的CGSize。

那么重点来了,我们只针对文本类型来实现自适应宽度布局。既然为文本,那么基本上就可以利用文本的个数来决定UILabel的宽度,当然,中文文本基本上都可以认为是每个字宽度是固定的,但英文字母就不一定了。特殊表现为小写的i,l,大写的I,其宽度项比较其他字母而言窄了很多,那么就把它们特殊处理即可。

代码:

 	// 根据特殊性的i,l,I这三个字母,和一般字符来返回文本总宽度
    public func getSpecialLetterWidth(_ letter: String) -> Int{
        var letterCount: Int = letter.count
        var width:Int = (letterCount * 15) + 15
        while letterCount > 0 {
            if letter.contains("i") || letter.contains("l") || letter.contains("I") {
                width = width - 5
            }
            letterCount = letterCount - 1
        }
        return width
    }
    // 根据泛型集合内对象的长度进行动态设置FlowLayoutItem的CGSize,字符过长的文本直接让其宽度等于父布局即可
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        if dataArray.name.count == 0 {
            return CGSize(width: 0, height: 0)
        }
        if dataArray.name.count > 0 || dataArray[indexPath.row].name.count < 15 {
            return CGSize(width: getSpecialLetterWidth(dataArray[indexPath.row].name), height: 30)
        } else {
            return CGSize(width: self.view.frame.width, height: 30)
        }
    }
    private func installHistoryItemCollectionView(){
        let collectionViewLayout = UICollectionViewFlowLayout()
        collectionViewLayout.scrollDirection = .vertical
        collectionViewLayout.minimumLineSpacing = 10
        collectionViewLayout.itemSize = CGSize(width: 100, height: 50)
        histoyItemCollectionView = UICollectionView(frame: self.frame, collectionViewLayout: collectionViewLayout)
        histoyItemCollectionView.backgroundColor = UIColor.white
        histoyItemCollectionView.register(HistoryCell.self, forCellWithReuseIdentifier: cellId.HISTORY_CELL)
        self.addSubview(histoyItemCollectionView)
        
        histoyItemCollectionView.snp.makeConstraints{ make in
            make.width.equalTo(WIDTH - 40)
            make.centerX.equalToSuperview()
            make.top.equalTo(self.hotLabel.snp.bottom).offset(10)
            make.bottom.equalTo(self.snp.bottom)
        }
    }
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值