iOS 根据给定高度自适应文字大小并有序排列，类似历史搜索界面的文字排列

最新推荐文章于 2022-11-22 08:51:54 发布

hello_Jesse

最新推荐文章于 2022-11-22 08:51:54 发布

阅读量934

点赞数

文章标签： ios swift objective-c

本文链接：https://blog.csdn.net/weixin_43259805/article/details/122131433

版权

效果图如下：
在这里插入图片描述
效果图如下：

1.直接上代码

      
     //buttonContentView:将按钮要添加的view 
     //is_showMore:是否展示更多
     func addTitleLabel(titleArray:[[String:Any]]){
        for btn in buttonContentView.subviews{
            btn.removeFromSuperview()//先移除所有子控件
        }
        let space = 15.0 //item间隙
        var tempLength = 0.0 //记录一行的长度
        var line = 0.0 //行数
        let viewH = 30.0 //item高度
        for (index,text) in titleArray.enumerated(){
            let btn = UIButton()
            btn.backgroundColor = UIColor.init(hexString: "#F1F1F1")
            btn.titleLabel?.font = UIFont.systemFont(ofSize: 15)
            btn.setTitleColor(UIColor.init(hexString: "#222222 "), for: .normal)
            btn.setTitle(text, for: .normal)
            let  viewX = tempLength + space
            let  viewW = String.textWidth(text: text)
            let viewY = line * (viewH + space) + space
            btn.frame = CGRect.init(x: viewX, y: viewY, width: viewW, height: viewH)
            btn.layer.cornerRadius = 15 //圆角
            btn.tag = index + 666 //赋值
            buttonContentView.addSubview(btn)
            //这里是对大于两行的默认只展示两行，点击向下箭头会展示更多 
            if line < 2{
                btn.isHidden = false
            }else{
                if is_showMore  {
                    btn.isHidden = false
                }else{ //大于两行 并且 没有展开更多 就隐藏按钮
                    btn.isHidden = true
                }
            }
            btn.addTarget(self, action: #selector(btnClickAction(_:)), for: .touchUpInside)
            if index < (titleArray.count - 1){
                let nextViewX = viewX + viewW + space
                let nextText =  titleArray[index + 1]
                let nextViewW = String.textWidth(text: nextText)
                if  (nextViewX + nextViewW + space) < (kScreenWidth - 2 * space){
                    tempLength = viewX + viewW
                }else{
                    tempLength = 0.0
                    line = line + 1.0//加一行
                }
            }
         }
    }
    //点击文字按钮的事件处理
    @objc func btnClickAction(_ btn:UIButton){
        let btnIndex = btn.tag  - 666
        let text = datalist[btnIndex]
        
        if block != nil{
            block!(text)
        }
    }

2.根据文字计算宽度的方法我写在了String的扩展里了，代码如下：

extension String {
    //MARK: 计算文字宽度（搜索界面使用）
    static func textWidth(text:String) -> CGFloat {
        let length = text.boundingRect(with:CGSize(width:CGFloat(kScreenWidth - 30), height: 30), options: .usesLineFragmentOrigin, attributes: [.font:UIFont.systemFont(ofSize: 15)], context:nil).size.width + 30
        if length >= CGFloat(kScreenWidth - 30){
            return CGFloat(kScreenWidth - 30)
        }else{
            return length
        }
    }
  
 }