如何製作自定義四捨五入的UIImageView子類？

Question

我想讓我的自定義輪UIImageView並顯示在故事板。

我做下一個：

@IBDesignable 
class RoundedImageView: UIImageView { 
    override init(image: UIImage?) { 
     super.init(image: image) 
     super.layer.cornerRadius = super.frame.size.height/2 
     self.layer.cornerRadius = self.frame.size.height/2  
    } 

    override init(frame: CGRect) { 
     super.init(frame: frame) 
     super.layer.cornerRadius = super.frame.size.height/2 
     self.layer.cornerRadius = self.frame.size.height/2 
    } 

    required init?(coder aDecoder: NSCoder) { 
     super.init(coder: aDecoder) 
     super.layer.cornerRadius = super.frame.size.height/2 
     self.layer.cornerRadius = self.frame.size.height/2 
    } 
} 

和我的故事板的ImageView是RoundedImageView類選擇。 但是在故事板中它仍然顯示爲矩形。我怎麼能意識到它？ 當我正在運行代碼其四捨五入。 感謝

Answer 1

layouts已被應用後，您應該設置半徑。

@IBDesignable 
class RoundedImageView: UIImageView { 
    override init(image: UIImage?) { 
     super.init(image: image) 
    } 

    override init(frame: CGRect) { 
     super.init(frame: frame) 
    } 

    required init?(coder aDecoder: NSCoder) { 
     super.init(coder: aDecoder) 
    } 

    override func layoutSubviews() { 
     self.layer.cornerRadius = self.frame.size.height/2 
     self.clipsToBounds = true 
    } 
}