iOS给UILabel增加内边距

UILabel默认不带内边距,调整内边距步骤:

1.制定一个空白区:UIEdgeInsets。

2. 重写drawTextInRect,传入空白区。

3.重新计算扩大label的frame(空白区占用frame的空间,导致显示不全)。

代码:

#import "SFLabel.h"
#import <UIKit/UIKit.h>
@interface SFLabel ()
// 用来决定上下左右内边距,也可以提供一个借口供外部修改,在这里就先固定写死
@property (assign, nonatomic) UIEdgeInsets edgeInsets;
@end

@implementation SFLabel


//下面三个方法用来初始化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);
}

// 修改绘制文字的区域,edgeInsets增加bounds
-(CGRect)textRectForBounds:(CGRect)bounds limitedToNumberOfLines:(NSInteger)numberOfLines
{

    /*
    调用父类该方法
    注意传入的UIEdgeInsetsInsetRect(bounds, self.edgeInsets),bounds是真正的绘图区域
    */
    CGRect rect = [super textRectForBounds:UIEdgeInsetsInsetRect(bounds,
     self.edgeInsets) limitedToNumberOfLines:numberOfLines];
    //根据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
{
    //令绘制区域为原始区域,增加的内边距区域不绘制
    [super drawTextInRect:UIEdgeInsetsInsetRect(rect, self.edgeInsets)];
}
@end
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 今天分享自己掌握的几种UIlabel ,大家有更多的label请分享给我哟 1:内边距,自适应的label ,这个...
    icc_tips阅读 2,098评论 1 2
  • 天时地利人和。一直以来,我都不是一个幸运的人。一直没有崇高的理想和远大的抱负。自此以来,就想考个工作安安稳稳的过完...
    Anne七岛阅读 408评论 0 3
  • “黄河岸边不能没有唢呐”,焦三爷说出这句话话时真的很让人心痛。岂止黄河岸边不能,这些是中华民族的文化。“笛”“箫”...
    帅大哥阅读 458评论 0 0
  • 2017年2月5日 星期日 农历正月初九 “育心丽谦·时间管理100天挑战营"第21天 【早起】4:40 【学习...
    归零2017阅读 593评论 5 5