给UIButton设置title和image的位置

原创于 2022-01-13 14:21:40 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ios

IOS 专栏收录该内容

7 篇文章

订阅专栏

本文提供了一个在 UIButton 上同时设置图片和文字位置的实用方法。通过定义枚举 ButtonImagePosition 和自定义 UIButton 的扩展方法 setImageAndTitle，可以灵活地调整图片与文字的相对位置及间距。

在UIButton上设置title和image的位置是一件不太好处理的事情，之所以不好处理是因为不容易处理好。以下的代码可以很好的处理好这个问题

public enum ButtonImagePosition : Int{
     case PositionTop = 0
     case Positionleft
     case PositionBottom
     case PositionRight
}

public extension UIButton{
    /**
imageName:图片的名字
title：button 的名字
type ：image 的位置
Space ：图片文字之间的间距
*/
func setImageAndTitle(imageName:String,title:String,type:ButtonImagePosition,Space space:CGFloat)  {
      
        self.setTitle(title, for: .normal)
        self.setImage(UIImage(named:imageName), for: .normal)
        
        let imageWith :CGFloat = (self.imageView?.frame.size.width)!;
        let imageHeight :CGFloat = (self.imageView?.frame.size.height)!;
      
        var labelWidth :CGFloat = 0.0;
        var labelHeight :CGFloat = 0.0;

        labelWidth = CGFloat(self.titleLabel!.intrinsicContentSize.width);
        labelHeight = CGFloat(self.titleLabel!.intrinsicContentSize.height);

        var  imageEdgeInsets :UIEdgeInsets = UIEdgeInsets();
        var  labelEdgeInsets :UIEdgeInsets = UIEdgeInsets();
       
        switch type {
        case .PositionTop:
            imageEdgeInsets = UIEdgeInsets.init(top: -labelHeight - space/2.0, left: 0, bottom: 0, right: -labelWidth)
            labelEdgeInsets = UIEdgeInsets.init(top: 0, left: -imageWith, bottom: -imageHeight-space/2.0, right: 0)
            break;
        case .Positionleft:
            imageEdgeInsets = UIEdgeInsets.init(top: 0, left: -space/2.0, bottom: 0, right: space/2.0)
            labelEdgeInsets = UIEdgeInsets.init(top: 0, left: space/2.0, bottom: 0, right: -space/2.0)
            break;
        case .PositionBottom:
            imageEdgeInsets = UIEdgeInsets.init(top: 0, left: 0, bottom: -labelWidth-space/2.0, right: -labelWidth)
            labelEdgeInsets = UIEdgeInsets.init(top: -imageHeight-space/2.0, left:-imageWith, bottom: 0, right: 0)
            break;
        case .PositionRight:
            imageEdgeInsets = UIEdgeInsets.init(top: 0, left: labelWidth+space/2.0, bottom: 0, right: -labelWidth-space/2.0)
            labelEdgeInsets = UIEdgeInsets.init(top: 0, left: -imageWith-space/2.0, bottom: 0, right: imageWith+space/2.0)
            break;
        }            
        // 4. 赋值
        self.titleEdgeInsets = labelEdgeInsets;
        self.imageEdgeInsets = imageEdgeInsets;  
    } 
  }