iOS-UILabel中文字與邊框間距的自定義

項目中需要這個效果,于是找度娘,問谷歌,按照其中一位作者的思路自己動手封裝;

自定義一個繼承于UILabel的Label,直接上代碼;

想到邊距,首先熟悉的一個詞就是UIEdgeInsets

@property(nonatomic, assign) UIEdgeInsets edgeInsets;

外界可以通過這個屬性來更改我們這個自定義的Label的邊距;

最重要的就是在.m文件中我們要重寫兩個方法

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

- (void)drawTextInRect:(CGRect)rect;

cmd點擊進(jìn)去之后,你會看見官方給的兩句注釋,大概理解下

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

閱讀iOS官方文檔后,其中第一個方法中bounds這個參數(shù)給出解釋是

The bounding rectangle of the receiver.

第二個參數(shù)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.

大概意思就是說這是需要在子類中重寫的方法,你不能直接去調(diào)用這個方法。當(dāng)你重寫了這個方法之后,使用時應(yīng)該調(diào)用sizeToFit這個方法,不然的話,這個方法不會被調(diào)用。英語不好,湊合著看。

第二個方法
- (void)drawTextInRect:(CGRect)rect;
官方文檔也說了

The rectangle in which to draw the text.

需要一個可以描繪出label的矩形來作為這個方法的參數(shù);
使用方法也說了

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

大概就是說這個也是你不能直接調(diào)用的方法,需要在子類中重寫。調(diào)用此方法的時候,當(dāng)前圖形上下文已經(jīng)配置了默認(rèn)的繪圖環(huán)境和文本顏色。如果不是自己渲染的話,調(diào)用[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基礎(chǔ)上根據(jù)邊緣距離內(nèi)切一個rect出來;

然后在需要創(chuàng)建內(nèi)切Label的時候創(chuàng)建,給之前自定義的屬性賦值

showLabel.edgeInsets = UIEdgeInsetsMake(8, 8+2, 8, 8+2);//設(shè)置內(nèi)邊距

根據(jù)官方文檔的說法,我們還得調(diào)用一下

[showLabel sizeToFit];//重新計算尺寸,會執(zhí)行Label內(nèi)重寫的方法

其他設(shè)置跟普通label一樣,到此大功告成!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,461評論 6 532
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,538評論 3 417
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,423評論 0 375
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,991評論 1 312
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 71,761評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,207評論 1 324
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,268評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,419評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,959評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 40,782評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,983評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,528評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,222評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,653評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,901評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,678評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 47,978評論 2 374

推薦閱讀更多精彩內(nèi)容