iOS 計算UILabel 文本高度問題

背景

首先看下圖:


iOS tableVIewCell.png

這是一個非常簡單的cell。 但是這個cell高度是多少潮太,你怎么說管搪??

大家說:

1.直接寫死高度就好了啊铡买,不用計算了更鲁。方便省事。
2.根據(jù)文本計算cell高度奇钞。
3.用第三方庫澡为,使用自動布局方法,撐滿cell景埃,自動有高度媒至,不用計算。

逐一分析:

1.cell高度不能寫死谷徙,需求說要根據(jù)文本內(nèi)容靈活自適應高度拒啰。
3.這個利用自動布局,這里不多說了完慧。

2.利用文本計算出每個Label的高度谋旦,從而確定cell高度。
這里有一個問題屈尼, 你究竟采用什么方法計算文本高度呢册着?

<1>. 使用boundingRectWithSize:方法計算
CGFloat height = [self.label.text boundingRectWithSize:CGSizeMake(SCREEN_WIDTH - 30, MAXFLOAT) 
options:NSStringDrawingUsesFontLeading | NSStringDrawingUsesLineFragmentOrigin 
attributes:@{ NSFontAttributeName : self.label.font } context:nil].size.height;

這里不是特別準確,最好加一個offset值最好脾歧。
但是:這也不符合需求定位甲捏。 需求是文本最多顯示兩行,多余兩個就...省略涨椒。
那這里就有問題了: 當文本剛好1行或是2行的這是沒有問題的摊鸡,但是當文本多余兩行的話,就不行了蚕冬,明顯高了免猾。

<2>.使用UILabel的intrinsicContentSize屬性來計算高度
height = [self.label intrinsicContentSize].height;

但是:這樣計算也有問題,這個屬性只能計算一行文本的高度囤热。 (這種說法其實是不正確的猎提,intrinsicContentSize可以計算出ULabel的高度,但是要向下面說的需要多設置preferredMaxLayoutWidth屬性旁蔼。)
這時候你又說了锨苏,那我這樣計算:

height = [self.label intrinsicContentSize].height * self.label.numberOfLines;

但是:這樣你在初始化UILabel的時候疙教,就已經(jīng)確定了numberOfLines = 2的值,當文本只有一行的時候伞租,就多計算了一行贞谓。也不行。

<3>.我用1 2方法綜合起來計算
    //先算出文本寬度葵诈,看是否大于1行
    CGFloat width = [self.label.text boundingRectWithSize:CGSizeMake(SCREEN_WIDTH - 30, MAXFLOAT) options:NSStringDrawingUsesFontLeading | NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName : self.label.font} context:nil].size.width;
    height = [self.questionLabel intrinsicContentSize].height * (width > (SCREEN_WIDTH - 30) ? 2 : 1);

這樣子確實可以作喘,不過有些麻煩哈。

相對簡單計算方法

還是使用intrinsicContentSize方法窖贤。 不過要在初識化UILabel的時候多設置一個屬性preferredMaxLayoutWidth赃梧。
看官方解釋:

// Support for constraint-based layout (auto layout)
// If nonzero, this is used when determining -intrinsicContentSize for multiline labels
@property(nonatomic) CGFloat preferredMaxLayoutWidth NS_AVAILABLE_IOS(6_0);

初始化UILabel的時候設置這個屬性的值為UILabel的寬度即可李根,然后通過intrinsicContentSize方法就可以準確計算出文本的高度了。

更簡單的方法

使用sizeThatFits:方法計算,不用額外設置上面那些不用的屬性所森。
直接掉用下面方法即可焕济。

height = [self.label.text sizeThatFits:CGSizeMake(SCREEN_WIDTH - 30, MAXFLOAT) ].height;
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末晴弃,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子际邻,更是在濱河造成了極大的恐慌芍阎,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,204評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件轮听,死亡現(xiàn)場離奇詭異荸镊,居然都是意外死亡,警方通過查閱死者的電腦和手機朗兵,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來辨赐,“玉大人,你說我怎么就攤上這事帆焕〔还В” “怎么了?”我有些...
    開封第一講書人閱讀 164,548評論 0 354
  • 文/不壞的土叔 我叫張陵折晦,是天一觀的道長满着。 經(jīng)常有香客問我贯莺,道長,這世上最難降的妖魔是什么魂莫? 我笑而不...
    開封第一講書人閱讀 58,657評論 1 293
  • 正文 為了忘掉前任耙考,我火速辦了婚禮,結(jié)果婚禮上倦始,老公的妹妹穿的比我還像新娘讼溺。我一直安慰自己,他們只是感情好炫狱,可當我...
    茶點故事閱讀 67,689評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著嬉荆,像睡著了一般酷含。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上限番,一...
    開封第一講書人閱讀 51,554評論 1 305
  • 那天呀舔,我揣著相機與錄音,去河邊找鬼霜瘪。 笑死惧磺,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的缤底。 我是一名探鬼主播,決...
    沈念sama閱讀 40,302評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼白嘁!你這毒婦竟也來了絮缅?” 一聲冷哼從身側(cè)響起呼股,我...
    開封第一講書人閱讀 39,216評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎吸奴,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體考润,經(jīng)...
    沈念sama閱讀 45,661評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡糊治,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,851評論 3 336
  • 正文 我和宋清朗相戀三年罚舱,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片粥脚。...
    茶點故事閱讀 39,977評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡刷允,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出恃锉,到底是詐尸還是另有隱情呕臂,我是刑警寧澤,帶...
    沈念sama閱讀 35,697評論 5 347
  • 正文 年R本政府宣布土砂,位于F島的核電站萝映,受9級特大地震影響阐虚,放射性物質(zhì)發(fā)生泄漏序臂。R本人自食惡果不足惜奥秆,卻給世界環(huán)境...
    茶點故事閱讀 41,306評論 3 330
  • 文/蒙蒙 一构订、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧悼瘾,春花似錦、人聲如沸亥宿。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,898評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽材蛛。三九已至,卻和暖如春卑吭,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背挣菲。 一陣腳步聲響...
    開封第一講書人閱讀 33,019評論 1 270
  • 我被黑心中介騙來泰國打工掷邦, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人或杠。 一個月前我還...
    沈念sama閱讀 48,138評論 3 370
  • 正文 我出身青樓向抢,卻偏偏與公主長得像,于是被迫代替她去往敵國和親挟鸠。 傳聞我的和親對象是個殘疾皇子亩冬,可洞房花燭夜當晚...
    茶點故事閱讀 44,927評論 2 355

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