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

項(xiàng)目中需要這個(gè)效果提陶,于是找度娘烫沙,問谷歌隙笆,按照其中一位作者的思路自己動(dòng)手封裝锌蓄;

自定義一個(gè)繼承于UILabel的Label,直接上代碼瘸爽;

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

@property(nonatomic, assign) UIEdgeInsets edgeInsets;

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

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

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

- (void)drawTextInRect:(CGRect)rect;

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

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

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

The bounding rectangle of the receiver.

第二個(gè)參數(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)用這個(gè)方法。當(dāng)你重寫了這個(gè)方法之后累舷,使用時(shí)應(yīng)該調(diào)用sizeToFit這個(gè)方法,不然的話夹孔,這個(gè)方法不會(huì)被調(diào)用被盈。英語不好,湊合著看搭伤。

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

The rectangle in which to draw the text.

需要一個(gè)可以描繪出label的矩形來作為這個(gè)方法的參數(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

大概就是說這個(gè)也是你不能直接調(diào)用的方法,需要在子類中重寫怜俐。調(diào)用此方法的時(shí)候,當(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)切一個(gè)rect出來拍鲤;

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

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

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

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

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末澈魄,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子仲翎,更是在濱河造成了極大的恐慌痹扇,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,561評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件溯香,死亡現(xiàn)場離奇詭異鲫构,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)玫坛,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,218評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門结笨,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人昂秃,你說我怎么就攤上這事禀梳。” “怎么了肠骆?”我有些...
    開封第一講書人閱讀 157,162評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵算途,是天一觀的道長。 經(jīng)常有香客問我蚀腿,道長嘴瓤,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,470評(píng)論 1 283
  • 正文 為了忘掉前任莉钙,我火速辦了婚禮廓脆,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘磁玉。我一直安慰自己停忿,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,550評(píng)論 6 385
  • 文/花漫 我一把揭開白布蚊伞。 她就那樣靜靜地躺著席赂,像睡著了一般。 火紅的嫁衣襯著肌膚如雪时迫。 梳的紋絲不亂的頭發(fā)上颅停,一...
    開封第一講書人閱讀 49,806評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音掠拳,去河邊找鬼癞揉。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的喊熟。 我是一名探鬼主播柏肪,決...
    沈念sama閱讀 38,951評(píng)論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼逊移!你這毒婦竟也來了预吆?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,712評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤胳泉,失蹤者是張志新(化名)和其女友劉穎拐叉,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體扇商,經(jīng)...
    沈念sama閱讀 44,166評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡凤瘦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,510評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了案铺。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蔬芥。...
    茶點(diǎn)故事閱讀 38,643評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖控汉,靈堂內(nèi)的尸體忽然破棺而出笔诵,到底是詐尸還是另有隱情,我是刑警寧澤姑子,帶...
    沈念sama閱讀 34,306評(píng)論 4 330
  • 正文 年R本政府宣布乎婿,位于F島的核電站,受9級(jí)特大地震影響街佑,放射性物質(zhì)發(fā)生泄漏谢翎。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,930評(píng)論 3 313
  • 文/蒙蒙 一沐旨、第九天 我趴在偏房一處隱蔽的房頂上張望森逮。 院中可真熱鬧,春花似錦磁携、人聲如沸褒侧。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,745評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽闷供。三九已至,卻和暖如春鳞上,著一層夾襖步出監(jiān)牢的瞬間这吻,已是汗流浹背吊档。 一陣腳步聲響...
    開封第一講書人閱讀 31,983評(píng)論 1 266
  • 我被黑心中介騙來泰國打工篙议, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,351評(píng)論 2 360
  • 正文 我出身青樓鬼贱,卻偏偏與公主長得像移怯,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子这难,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,509評(píng)論 2 348

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