在開發(fā)過程中經(jīng)常遇到 按鈕 與圖標(biāo)的放置問題，有時(shí)按鈕中圖片與文字的位置需要我們設(shè)置打厘。

一種方法是我們根據(jù)具體情況利用titleEdgeInsets、imageEdgeInsets這兩個屬性來設(shè)置具體的位置敦迄，另一種是我們直接封裝一個imageView和label 來在定義button玻驻。兩種方法都可以，在Swift中使用擴(kuò)展 UIButton 來設(shè)置 titleEdgeInsets摊聋、imageEdgeInsets 感覺更靈活更方便一些鸡捐。

直接上代碼：

enum ButtonEdgeInsetsStyle {
   case ButtonEdgeInsetsStyleTop // image在上，label在下
   case ButtonEdgeInsetsStyleLeft  // image在左麻裁，label在右
   case ButtonEdgeInsetsStyleBottom  // image在下箍镜，label在上
   case ButtonEdgeInsetsStyleRight // image在右，label在左
}

extension UIButton {
    func layoutButtonEdgeInsets(style:ButtonEdgeInsetsStyle,space:CGFloat) {
      var labelWidth : CGFloat = 0.0
      var labelHeight : CGFloat = 0.0
      var imageEdgeInset = UIEdgeInsetsZero
      var labelEdgeInset = UIEdgeInsetsZero
      let imageWith = self.imageView?.frame.size.width
      let imageHeight = self.imageView?.frame.size.height
      if Double(UIDevice.currentDevice().systemVersion) >= 8.0 {
           labelWidth = (self.titleLabel?.intrinsicContentSize().width)!
           labelHeight = (self.titleLabel?.intrinsicContentSize().height)!
      }else {
          labelWidth = (self.titleLabel?.frame.size.width)!
          labelHeight = (self.titleLabel?.frame.size.height)!
      }
      labelWidth = CGFloat(36)
      switch style {
      case .ButtonEdgeInsetsStyleTop:
          imageEdgeInset = UIEdgeInsetsMake(-labelHeight-space/2.0, 0, 0, -labelWidth)
          labelEdgeInset = UIEdgeInsetsMake(0, -imageWith!, -imageHeight!-space/2.0, 0)
      case .ButtonEdgeInsetsStyleLeft:
        imageEdgeInset = UIEdgeInsetsMake(0, -space/2.0, 0, space/2.0);
        labelEdgeInset = UIEdgeInsetsMake(0, space/2.0, 0, -space/2.0);
      case .ButtonEdgeInsetsStyleBottom:
          imageEdgeInset = UIEdgeInsetsMake(0, 0, -labelHeight-space/2.0, -labelWidth)
          labelEdgeInset = UIEdgeInsetsMake(-imageHeight!-space/2.0, -imageWith!, 0, 0)
      case .ButtonEdgeInsetsStyleRight:
          // To Do print("坐標(biāo)是====\(labelWidth)=====\(space)")
          imageEdgeInset = UIEdgeInsetsMake(0, labelWidth+space/2.0, 0, -labelWidth-space/2.0)
          labelEdgeInset = UIEdgeInsetsMake(0, -imageWith!-space/2.0, 0, imageWith!+space/2.0)
      }
      self.titleEdgeInsets = labelEdgeInset
      self.imageEdgeInsets = imageEdgeInset
  }
}

如代碼所示悲立，我們通過枚舉鹿寨，來列出圖片與文字可能出現(xiàn)的位置，這樣就能在方法中根據(jù)具體情況來展示文字與圖片的位置薪夕。至于第二種方法我們可以通過xib或者純代碼封裝一個button脚草，在這里就不介紹了。