在UI搭建中经常会碰到一种上图下文的按钮,以下是我分享的一种我常用的自定义按钮图片和文字位置的方法

重写UIButton的layoutSubviews方法实现

 override func layoutSubviews() {
    super.layoutSubviews()
    // 设置imageView
    imageView?.frame = CGRect(x: 0, y: 0, width: self.frame.width, height: self.frame.width)
  // 设置title
    titleLabel?.frame = CGRect(x: 0, y: self.frame.width, width: self.frame.width, height: self.frame.height - self.frame.width)
  }

让图片和文字居中显示

 private func setupUI(){
    // 设置imageView
    imageView?.contentMode = .Center
    // 设置tilte
    titleLabel?.textAlignment = .Center
    titleLabel?.font = UIFont.systemFontOfSize(15)
    setTitleColor(UIColor.darkGrayColor(), forState: UIControlState.Normal)
  }

完整代码

class BGButton: UIButton {
 // 屏蔽按钮高亮效果
  override var highlighted: Bool{
    get{
       return false
    }
    set{
    }
  }

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

  required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
  }

// MARK: - 设置视图
  private func setupUI(){
    // 设置imageView
    imageView?.contentMode = .Center
    // 设置tilte
    titleLabel?.textAlignment = .Center
    titleLabel?.font = UIFont.systemFontOfSize(15)
    setTitleColor(UIColor.darkGrayColor(), forState: UIControlState.Normal)
  }

// 对其子控件重新布局
  override func layoutSubviews() {
    super.layoutSubviews()
    // 设置imageView
    imageView?.frame = CGRect(x: 0, y: 0, width: self.frame.width, height: self.frame.width)
  // 设置title
    titleLabel?.frame = CGRect(x: 0, y: self.frame.width, width: self.frame.width, height: self.frame.height - self.frame.width)
  }

}

然后在外面调用该自定义BUTTON就行.
唯一要注意的一点是如果没有关闭高亮效果,按钮在进行点击时会多次进入layoutSubviews方法.在进行GCAffineTransformMakeScale进行放大时,imageView和titleLabel的frame会发生变化而且无法通过CGAffineIdentify还原回去.至于理由我还没搞懂(一脸懵逼)