UILabel文字左右兩邊對齊的問題

有時需要UILabel的文字左右兩邊對齊。比如這樣:


圖1.左右兩邊對齊.png

圖中的“時間”等中間要有一定的間距捐凭,以達到冒號對齊的效果。

簡單列下UILabel文字對齊的系統(tǒng)樣式:

public enum NSTextAlignment : Int {
    case left = 0 // Visually left aligned
    case center = 1 // Visually centered
    case right = 2 // Visually right aligned
    case justified = 3 // Fully-justified. The last line in a paragraph is natural-aligned.
    case natural = 4 // Indicates the default alignment for script
}

好像都不能滿足需求民逼。

大部分場景下我想都可以用手動打空格的方式來處理霍殴,雖然笨但很方便棚赔、有效帝簇。可是有些時候你會遇到一些問題:
a) 你要對齊文字的寬度是動態(tài)變化的靠益,沒辦法手動打空格滿足所有的寬度丧肴;
b) 你要對齊的文字的寬度雖然是固定的,但文字中夾雜著數(shù)字胧后、英文和漢字芋浮,你可能怎么打空格寬度都和它對不齊。


圖2.手動打空格失敗的效果.png

那么就得稍微麻煩點壳快,設(shè)置下字間距了纸巷。其實也很簡單,主要的代碼就兩行而已眶痰,示例代碼如下:

// 假設(shè)label的寬度為50
let labelW: CGFloat = 50
let text = "時間"
// size函數(shù)是對boundingRect方法的簡單封裝瘤旨,用來獲取text正常顯示情況下的size,大家肯定都知道竖伯,就不展開了存哲。
let textW = text.size(font: font(15)).width

/**********就這兩行主要代碼*********/
// *計算字間距*
let kern = (labelW - textW) / CGFloat(text.count - 1)
// *設(shè)置字間距*
let ats = [NSAttributedString.Key.kern : kern]
/********************************/

let label = UILabel(frame: CGRect(x: 0, y: 0, width: labelW, height: 20))
label.attributedText = NSAttributedString(string: text, attributes: ats)

當(dāng)然因宇,可能更實際的需求是只設(shè)置某部分文字的字間距,達到部分文字對齊的效果祟偷,就像圖1中的效果一樣察滑,只要設(shè)置冒號之前的字間距使冒號對齊就好。那么也很簡單修肠,根據(jù)自己的需求在設(shè)置屬性的時候也設(shè)置下range就好了贺辰。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市氛赐,隨后出現(xiàn)的幾起案子魂爪,更是在濱河造成了極大的恐慌,老刑警劉巖艰管,帶你破解...
    沈念sama閱讀 216,997評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件滓侍,死亡現(xiàn)場離奇詭異,居然都是意外死亡牲芋,警方通過查閱死者的電腦和手機撩笆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來缸浦,“玉大人夕冲,你說我怎么就攤上這事×阎穑” “怎么了歹鱼?”我有些...
    開封第一講書人閱讀 163,359評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長卜高。 經(jīng)常有香客問我弥姻,道長,這世上最難降的妖魔是什么掺涛? 我笑而不...
    開封第一講書人閱讀 58,309評論 1 292
  • 正文 為了忘掉前任庭敦,我火速辦了婚禮,結(jié)果婚禮上薪缆,老公的妹妹穿的比我還像新娘秧廉。我一直安慰自己,他們只是感情好拣帽,可當(dāng)我...
    茶點故事閱讀 67,346評論 6 390
  • 文/花漫 我一把揭開白布疼电。 她就那樣靜靜地躺著,像睡著了一般减拭。 火紅的嫁衣襯著肌膚如雪蔽豺。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,258評論 1 300
  • 那天峡谊,我揣著相機與錄音茫虽,去河邊找鬼刊苍。 笑死,一個胖子當(dāng)著我的面吹牛濒析,可吹牛的內(nèi)容都是我干的正什。 我是一名探鬼主播,決...
    沈念sama閱讀 40,122評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼号杏,長吁一口氣:“原來是場噩夢啊……” “哼婴氮!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起盾致,我...
    開封第一講書人閱讀 38,970評論 0 275
  • 序言:老撾萬榮一對情侶失蹤主经,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后庭惜,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體罩驻,經(jīng)...
    沈念sama閱讀 45,403評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,596評論 3 334
  • 正文 我和宋清朗相戀三年护赊,在試婚紗的時候發(fā)現(xiàn)自己被綠了惠遏。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,769評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡骏啰,死狀恐怖节吮,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情判耕,我是刑警寧澤透绩,帶...
    沈念sama閱讀 35,464評論 5 344
  • 正文 年R本政府宣布,位于F島的核電站壁熄,受9級特大地震影響帚豪,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜请毛,卻給世界環(huán)境...
    茶點故事閱讀 41,075評論 3 327
  • 文/蒙蒙 一志鞍、第九天 我趴在偏房一處隱蔽的房頂上張望瞭亮。 院中可真熱鬧方仿,春花似錦、人聲如沸统翩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,705評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽厂汗。三九已至委粉,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間娶桦,已是汗流浹背贾节。 一陣腳步聲響...
    開封第一講書人閱讀 32,848評論 1 269
  • 我被黑心中介騙來泰國打工汁汗, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人栗涂。 一個月前我還...
    沈念sama閱讀 47,831評論 2 370
  • 正文 我出身青樓知牌,卻偏偏與公主長得像,于是被迫代替她去往敵國和親斤程。 傳聞我的和親對象是個殘疾皇子角寸,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,678評論 2 354