UIButton 調整ImageView和TitileLable的位置

UIButton 調整ImageView和TitileLable的位置

UIButton 默認是圖片在左文字在右,但是項目需求往往需要更改其位置格局。UIButton屬性中有如下屬性可以用來調整圖片文字的位置:

@property(nonatomic)          UIEdgeInsets titleEdgeInsets;  
@property(nonatomic)          UIEdgeInsets imageEdgeInsets; 

通過這種方式調整也是可行,但是未免太繁瑣,所以想到了用分類的方式來實現(非入侵式調整)。下面為圖片在上文字在下的分類。

.h文件

#import <UIKit/UIKit.h>

@interface UIButton (VerticalContent)

- (void)virticalContentSpace:(CGFloat)space;

@end

.m文件

#import "UIButton+VerticalContent.h"

@implementation UIButton (VerticalContent)

- (void)virticalContentSpace:(CGFloat)space {
    
    CGSize imgViewSize,titleSize,btnSize;
    UIEdgeInsets imageViewEdge,titleEdge;
    
    imgViewSize = self.imageView.bounds.size;
    titleSize = self.titleLabel.bounds.size;
    btnSize = self.bounds.size;
    
    imageViewEdge = UIEdgeInsetsMake(-(imgViewSize.height + space) * 0.5, 0,
                                     0, - titleSize.width);
    [self setImageEdgeInsets:imageViewEdge];
    titleEdge = UIEdgeInsetsMake(0, - imgViewSize.width, -(titleSize.height + space) * 0.5, 0.0);
    [self setTitleEdgeInsets:titleEdge];
}
@end

使用此分類方法不生效可能原因是:

  1. 在setFrame方法前調用了分類方法。或者是使用AutoLayout布局。
  2. 調用分類方法之前沒有設置圖片 或者 文字。更換圖片或者文字后需調用此分類方法。

UIEdgeInsetsMake(top, left, bottom, right)

UIEdgeInsetsMake(x, y, 0 ,0) 和 UIEdgeInsetsMake(0, 0, -x ,-y)等效

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容