iOS-UILabel中文字与边框间距的自定义

项目中需要这个效果,于是找度娘,问谷歌,按照其中一位作者的思路自己动手封装;

自定义一个继承于UILabel的Label,直接上代码;

想到边距,首先熟悉的一个词就是UIEdgeInsets

@property(nonatomic, assign) UIEdgeInsets edgeInsets;

外界可以通过这个属性来更改我们这个自定义的Label的边距;

最重要的就是在.m文件中我们要重写两个方法

- (CGRect)textRectForBounds:(CGRect)bounds limitedToNumberOfLines:(NSInteger)numberOfLines;

- (void)drawTextInRect:(CGRect)rect;

cmd点击进去之后,你会看见官方给的两句注释,大概理解下

// override points. can adjust rect before calling super.
// label has default content mode of UIViewContentModeRedraw

阅读iOS官方文档后,其中第一个方法中bounds这个参数给出解释是

The bounding rectangle of the receiver.

第二个参数numberOfLines给出的解释是

The maximum number of lines to use for the label. 
The value 0 indicates there is no maximum number of lines and that the rectangle should encompass all of the text.

返回值CGRect类型的解释是

The computed drawing rectangle for the label’s text.

怎么用呢?接着看文档

This method should only be overridden by subclasses that
want to change the receiver’s bounding rectangle before performing any other computations. 
Use the value in the numberOfLines 
parameter to limit the height of the returned rectangle to the specified number of lines of text.

This method may be called by the system if there was a prior call to the sizeToFit
or sizeThatFits: method. Note that labels in UITableViewCell
objects are sized based on the cell dimensions, and not a requested size.

大概意思就是说这是需要在子类中重写的方法,你不能直接去调用这个方法。当你重写了这个方法之后,使用时应该调用sizeToFit这个方法,不然的话,这个方法不会被调用。英语不好,凑合着看。

第二个方法
- (void)drawTextInRect:(CGRect)rect;
官方文档也说了

The rectangle in which to draw the text.

需要一个可以描绘出label的矩形来作为这个方法的参数;
使用方法也说了

You should not call this method directly. 
This method should only be overridden by subclasses that 
want to modify the default drawing behavior for the label’s text.
By the time this method is called, the current graphics context is already configured with 
the default environment and text color for drawing. 
In your overridden method, you can configure the current context further and then invoke super
to do the actual drawing or you can do the drawing yourself. 
If you do render the text yourself, you should not invoke super

大概就是说这个也是你不能直接调用的方法,需要在子类中重写。调用此方法的时候,当前图形上下文已经配置了默认的绘图环境和文本颜色。如果不是自己渲染的话,调用[super drawTextInRect:rect];

看了之后我们就重写方法即可

- (CGRect)textRectForBounds:(CGRect)bounds limitedToNumberOfLines:(NSInteger)numberOfLines {
    UIEdgeInsets insets = self.edgeInsets;
    CGRect rect = [super textRectForBounds:UIEdgeInsetsInsetRect(bounds, insets)
                    limitedToNumberOfLines:numberOfLines];
    
    rect.origin.x    -= insets.left;
    rect.origin.y    -= insets.top;
    rect.size.width  += (insets.left + insets.right);
    rect.size.height += (insets.top + insets.bottom);
    
    return rect;
}

- (void)drawTextInRect:(CGRect)rect {
    [super drawTextInRect:UIEdgeInsetsInsetRect(rect, self.edgeInsets)];
}

其中UIEdgeInsetsInsetRect表示在原来的rect基础上根据边缘距离内切一个rect出来;

然后在需要创建内切Label的时候创建,给之前自定义的属性赋值

showLabel.edgeInsets = UIEdgeInsetsMake(8, 8+2, 8, 8+2);//设置内边距

根据官方文档的说法,我们还得调用一下

[showLabel sizeToFit];//重新计算尺寸,会执行Label内重写的方法

其他设置跟普通label一样,到此大功告成!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 162,158评论 4 370
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 68,600评论 1 307
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 111,785评论 0 254
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,655评论 0 220
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 53,075评论 3 295
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 41,002评论 1 225
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,146评论 2 318
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,918评论 0 211
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,671评论 1 250
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,838评论 2 254
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,318评论 1 265
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,636评论 3 263
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,343评论 3 244
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,187评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,982评论 0 201
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 36,126评论 2 285
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,934评论 2 279

推荐阅读更多精彩内容