ios 关于UIBottom的image的上下左右方向排列

女爷i 2022-06-05 00:58 156阅读 0赞

效果图：

![Center][]

主要代码：继承于UIBottom，主要修改titleEdgeInsets和imageEdgeInsets属性

CustomizeBtn.h

#import <UIKit/UIKit.h>
    
    typedef IBInspectable NS_ENUM(NSUInteger, CustomizeBtnImagePosition) {
        CustomizeBtnImagePositionTop, // image在上，label在下
        CustomizeBtnImagePositionLeft, // image在左，label在右
        CustomizeBtnImagePositionBottom, // image在下，label在上
        CustomizeBtnImagePositionRight // image在右，label在左
    };
    
    IB_DESIGNABLE
    @interface CustomizeBtn : UIButton
    @property(nonatomic,unsafe_unretained)IBInspectable NSUInteger imagePosition;
    @property(nonatomic,unsafe_unretained)IBInspectable NSUInteger space;
    
    @end

CustomizeBtn.m

#import "CustomizeBtn.h"
    
    @implementation CustomizeBtn
    
    - (void)drawRect:(CGRect)rect {
        [self BtnImagePosition:self.imagePosition imageTitleSpace:self.space];
    }
    
    -(void)setImagePosition:(NSUInteger)imagePosition {
        _imagePosition = imagePosition;
        [self BtnImagePosition:imagePosition imageTitleSpace:self.space];
    }
    
    -(void)setSpace:(NSUInteger)space {
        _space = space;
        [self BtnImagePosition:self.imagePosition imageTitleSpace:space];
    }
    
    - (void)BtnImagePosition:(CustomizeBtnImagePosition)style
                            imageTitleSpace:(CGFloat)space {
        
        CGFloat imageWith = self.imageView.frame.size.width;
        CGFloat imageHeight = self.imageView.frame.size.height;
        
        CGFloat labelWidth = 0.0;
        CGFloat labelHeight = 0.0;
        if ([UIDevice currentDevice].systemVersion.floatValue >= 8.0) {
            // 由于iOS8中titleLabel的size为0，用下面的这种设置
            labelWidth = self.titleLabel.intrinsicContentSize.width;
            labelHeight = self.titleLabel.intrinsicContentSize.height;
        } else {
            labelWidth = self.titleLabel.frame.size.width;
            labelHeight = self.titleLabel.frame.size.height;
        }
        
        UIEdgeInsets imageEdgeInsets = UIEdgeInsetsZero;
        UIEdgeInsets labelEdgeInsets = UIEdgeInsetsZero;
        
        switch (style) {
            case CustomizeBtnImagePositionTop:
            {
                imageEdgeInsets = UIEdgeInsetsMake(-labelHeight-space/2.0, 0, 0, -labelWidth);
                labelEdgeInsets = UIEdgeInsetsMake(0, -imageWith, -imageHeight-space/2.0, 0);
            }
                break;
            case CustomizeBtnImagePositionLeft:
            {
                imageEdgeInsets = UIEdgeInsetsMake(0, -space/2.0, 0, space/2.0);
                labelEdgeInsets = UIEdgeInsetsMake(0, space/2.0, 0, -space/2.0);
            }
                break;
            case CustomizeBtnImagePositionBottom:
            {
                imageEdgeInsets = UIEdgeInsetsMake(0, 0, -labelHeight-space/2.0, -labelWidth);
                labelEdgeInsets = UIEdgeInsetsMake(-imageHeight-space/2.0, -imageWith, 0, 0);
            }
                break;
            case CustomizeBtnImagePositionRight:
            {
                imageEdgeInsets = UIEdgeInsetsMake(0, labelWidth+space/2.0, 0, -labelWidth-space/2.0);
                labelEdgeInsets = UIEdgeInsetsMake(0, -imageWith-space/2.0, 0, imageWith+space/2.0);
            }
                break;
            default:
                break;
        }
        
        self.titleEdgeInsets = labelEdgeInsets;
        self.imageEdgeInsets = imageEdgeInsets;
    }
    
    @end

我的业余技术微信公众号：YKJGZH，欢迎大家进入

[Center]: /images/20220605/fa79855ee8894be18316e78bff095ca7.png