iOS Swift 制作带有内容尺寸(宽高)的控件

前言:

UIButton、UILabel、UIImageView、等等这样一些控件，都会有一个 “内容尺寸” 这样的东西，也就是说，在 XIB 里使用这样的控件的时候，只要添加位置的约束就可以了(比如只添加水平居中，垂直居中这两个约束)，XIB不会报少了约束这样的错误。

如果是 UIView， 这个东西是没有内容尺寸的，放到XIB里用的时候，不但需要添加位置约束(比如水平居中，垂直居中)，同时需要添加尺寸约束(宽度，高度)，这样才不会报错。

那么，现在我要自定义一个View，我希望这个View也能够像 UIButton、UILabel、这样自己去计算自己的尺寸，我只要给定位置就行了。这样的事情，该怎么做呢？

こんな事，どうしますか？

Swift
代码地址：https://github.com/gityuency/Autolayout
示例代码类名 【ContentSizeView】 【ContentSiseViewController】

示例效果 1

添加以下约束：
水平居中
垂直居中

内容尺寸_1.gif

示例效果 2

添加以下约束：
水平居中
垂直居中
距离左边
距离右边

内容尺寸_2.gif

示例效果 3

添加以下约束：
距离上边
距离左边
距离右边
高度

内容尺寸_3.gif

做法

只要重写两个系统方法就可以了，最简单的做法就像下面这样，直接就能用

class ContentSizeViewSimple: UIView {
    
    override func systemLayoutSizeFitting(_ targetSize: CGSize, withHorizontalFittingPriority horizontalFittingPriority: UILayoutPriority, verticalFittingPriority: UILayoutPriority) -> CGSize {
        print("-------->   \(#function) \(#line)")
        return self.intrinsicContentSize;
    }
    
    override var intrinsicContentSize: CGSize {
        print("-------->   \(#function) \(#line)")
        return CGSize(width: 150, height: 150)
    }
}

我们做这样的控件，是因为这个控件里面还有其他的东西，这些 “其他的东西” 可能是文字，图片，文字长短不一，图片大小不一，我希望在我给了这个View数据之后，它能够自己更新自己的尺寸(大小)，上次改写的那个星星评分控件就是这样，因为星星个数是变化的，就导致这个View的宽度不是固定的，但是我希望在我改变星星个数的时候，它能自己算出自己在XIB上的大小。就比如放到Cell里用的时候，就会省事。

我们需要在属性 “intrinsicContentSize” 里写出自己算出来的尺寸，然后返回给这个View，这样View就知道了自己的尺寸。

示例图片里使用的类：

import UIKit

@IBDesignable
class ContentSizeView: UIView {
    
    @IBInspectable var count: CGFloat = 5 {
        didSet {
            print("-------->   \(#function) \(#line)")
            
            
            /*
             可以手动调用这句话来刷新布局
             self.invalidateIntrinsicContentSize()
             */
            
            
            /*
             用这两句话也能刷新布局,触发layoutsubviews
             setNeedsLayout()
             layoutIfNeeded()
             */
            
            
            /*
             用这个触发重绘,也能刷新布局
             setNeedsDisplay()
             */
            
        }
    }
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        print("-------->   \(#function) \(#line)")
    }
    
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        print("-------->   \(#function) \(#line)")
    }
    
    override func awakeFromNib() {
        super.awakeFromNib()
        print("-------->   \(#function) \(#line)")
    }
    
    override func systemLayoutSizeFitting(_ targetSize: CGSize, withHorizontalFittingPriority horizontalFittingPriority: UILayoutPriority, verticalFittingPriority: UILayoutPriority) -> CGSize {
        print("-------->   \(#function) \(#line)")
        
        return self.intrinsicContentSize;
    }
    
    override var intrinsicContentSize: CGSize {
        print("-------->   \(#function) \(#line)")
        
        return CGSize(width: 20 * count, height: 20 * count)
    }
    
    override func sizeToFit() {
        super.sizeToFit()
        print("-------->   \(#function) \(#line)")
        
        frame = CGRect(origin: self.frame.origin, size: self.intrinsicContentSize)        
    }
    
    override func layoutSubviews() {
        super.layoutSubviews()
        print("-------->   \(#function) \(#line)")
    }
    
    override func draw(_ rect: CGRect) {
        super.draw(rect)
        print("-------->   \(#function) \(#line)")
    }
}

结语：

以前一直都不做这样的事情的，但是吧，这次遇到一个FA国程序猿，他让我给他写个控件，我写完了给他，我说，高度你要自己估一下，我没有把高度算进去，他说，为什么不把高度算进去呢？这样我不好布局啊。我想也是，所以，就摸索了一下这种东西要怎么去写。幸好，写星星控件的那个大神给了点灵魂。