Paste_Image.png

問題說明

默認(rèn)Label的顯示效果如下

很多情況下，需要如下有內(nèi)邊距的效果（注意第一行與最后一行文字與label的上下邊距）

解決方案

為了解決這個(gè)問題，設(shè)計(jì)SFLabel如下，繼承自UILabel

#import "SFLabel.h"
#import <UIKit/UIKit.h>

@interface SFLabel ()
// 用來決定上下左右內(nèi)邊距，也可以提供一個(gè)借口供外部修改，在這里就先固定寫死
@property (assign, nonatomic) UIEdgeInsets edgeInsets;
@end

@implementation SFLabel


//下面三個(gè)方法用來初始化edgeInsets
- (instancetype)initWithFrame:(CGRect)frame
{
    if(self = [super initWithFrame:frame])
    {
        self.edgeInsets = UIEdgeInsetsMake(25, 0, 25, 0);
    }
    return self;
}

- (instancetype)initWithCoder:(NSCoder *)aDecoder
{
    if (self = [super initWithCoder:aDecoder]) {
        self.edgeInsets = UIEdgeInsetsMake(25, 0, 25, 0);
    }
    return self;
}

- (void)awakeFromNib
{
   [super awakeFromNib];
    self.edgeInsets = UIEdgeInsetsMake(25, 0, 25, 0);
}

// 修改繪制文字的區(qū)域，edgeInsets增加bounds
-(CGRect)textRectForBounds:(CGRect)bounds limitedToNumberOfLines:(NSInteger)numberOfLines
{

    /*
    調(diào)用父類該方法
    注意傳入的UIEdgeInsetsInsetRect(bounds, self.edgeInsets),bounds是真正的繪圖區(qū)域
    */
    CGRect rect = [super textRectForBounds:UIEdgeInsetsInsetRect(bounds,
     self.edgeInsets) limitedToNumberOfLines:numberOfLines];
    //根據(jù)edgeInsets，修改繪制文字的bounds
    rect.origin.x -= self.edgeInsets.left;
    rect.origin.y -= self.edgeInsets.top;
    rect.size.width += self.edgeInsets.left + self.edgeInsets.right;
    rect.size.height += self.edgeInsets.top + self.edgeInsets.bottom;
    return rect;
}

//繪制文字
- (void)drawTextInRect:(CGRect)rect
{
    //令繪制區(qū)域?yàn)樵紖^(qū)域，增加的內(nèi)邊距區(qū)域不繪制
    [super drawTextInRect:UIEdgeInsetsInsetRect(rect, self.edgeInsets)];
}

@end

將UIlabel的類型改為SFLabel，看看現(xiàn)在效果是否如第二幅圖??。

注意事項(xiàng)

• 通過SFLabel中的方法修改UILabel的內(nèi)邊距最好只修改上下內(nèi)邊距，通過系統(tǒng)NSMutableParagraphStyle可以修改左邊內(nèi)邊距；
• 通過boundingRectWithSize:options:attributes:context:計(jì)算SFLabel內(nèi)容計(jì)算出的區(qū)域仍然是與直接使用UILabel的結(jié)果一樣，因此需要小心使用，可以在boundingRectWithSize:options:attributes:context:基礎(chǔ)上根據(jù)edgeInsets進(jìn)行修正。

SFLabel源碼