swift 自定义按钮

自定义按钮视图:上半部分显示图片,下半部分显示标题,效果:

圆形图片按钮.png

方形图片按钮.png

class CustomImageBtn: UIButton {
  var aboveImageView :UIImageView!
  var bottomLabel:UILabel!
  /**
   创建自定制按钮视图
   
   - parameter frame:    frame
   - parameter isRound:  图片是都是圆形
   
   - returns:  self
   */
  init(frame: CGRect,isRound:Bool) {
    super.init(frame: frame)
    let imageSide = self.frame.height-20-30
    let spaceX = (self.frame.width - imageSide)/2.0
    aboveImageView = UIImageView.init(frame: CGRectMake(spaceX, 10, imageSide, imageSide))
    aboveImageView.image = UIImage.init(named: "placeholder")
    if isRound {
      aboveImageView.layer.cornerRadius = imageSide/2.0
    }else{
      aboveImageView.layer.cornerRadius = 3.0
    }
    self.addSubview(aboveImageView)
    bottomLabel = UILabel.init(frame: CGRectMake(0, imageSide+20, self.frame.width, 20))
    bottomLabel.text = "标题"
    bottomLabel.textColor = UIColor.grayColor()
    bottomLabel.textAlignment = .Center
    bottomLabel.font = UIFont.systemFontOfSize(13)
    self.addSubview(bottomLabel)
  }
  
  required init?(coder aDecoder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
  }
  /**
   配置按钮
   - parameter imageUrlStr: 按钮的图片链接
   - parameter title:       按钮的标题
   */
  func configBtn(image:UIImage,title:String)  {
    aboveImageView.image = image
    bottomLabel.text = title
  }
}
    //添加自定义按钮
    let cusImageBtn = CustomImageBtn.init(frame: CGRectMake(0, 0, 100, 120), isRound: false)
    self.view.addSubview(cusImageBtn)
    cusImageBtn.configBtn(UIImage.init(named: "ICON108")!, title: "自定义按钮")

期待你的评论建议O(∩_∩)O~