UILabel的寬度設(shè)置

因?yàn)轫?xiàng)目開發(fā)中經(jīng)常碰到界面設(shè)計(jì)的UILabel多語(yǔ)言適配問題他爸,所以在這里記錄下自己處理這些問題中的一些心得耳胎。假如你的工程中需要用到UILabel顯示一個(gè)簡(jiǎn)單的文本“你好”悼粮,并支持日文顯示掀淘,日文你好“こんにちは”竖席,一般UI設(shè)計(jì)師會(huì)給你UILabel的尺寸耘纱,例如40pt。于是你開始寫代碼:

    UILabel *chineseLabel = [[UILabel alloc] init];
    chineseLabel.text = @"你好"; 
    chineseLabel.textAlignment = NSTextAlignmentCenter;
    chineseLabel.backgroundColor = [UIColor redColor];
    chineseLabel.textColor = [UIColor whiteColor];
    
    [self.view addSubview:chineseLabel];
    [chineseLabel mas_makeConstraints:^(MASConstraintMaker *make) {
        make.centerX.equalTo(self.view);
        make.centerY.equalTo(self.view).offset(-40);
        make.width.mas_equalTo(40);
    }];

最后顯示出來(lái)的結(jié)果很好:


chinese.png

但是當(dāng)切換到日文的時(shí)候毕荐,顯示的結(jié)果卻會(huì)變成這樣子:


image.png

日文的"你好"沒有顯示完全束析,很明顯這是因?yàn)槟愕膶挾仍O(shè)置了40pt,也許有人會(huì)覺得可以修改寬度到60pt就可以了憎亚。沒錯(cuò)员寇,這是最簡(jiǎn)單粗暴的方法。但是你必須考慮到一個(gè)項(xiàng)目支持的往往不止日文虽填,可能還會(huì)包括英文丁恭,泰文,韓文等等斋日。所以對(duì)每一個(gè)語(yǔ)言進(jìn)行判斷牲览,然后適配寬度,就會(huì)顯得比較低效,也不易后期的維護(hù)第献。

解決UILabel的多語(yǔ)言適配問題贡必,我覺得可以根據(jù)label的寬度和字體是否可變分為三種情況進(jìn)行處理:

  • label的寬度可變:
    label的寬度可變的話,我們可以利用UILabelsizeToFit方法庸毫,讓label根據(jù)文本大小自適應(yīng)寬度仔拟。我們并不需要在代碼中強(qiáng)制去設(shè)置label的寬度,代碼如下所示:
      UILabel *jpLabel = [[UILabel alloc] init];
      jpLabel.text = @"こんにちは";
      jpLabel.textAlignment = NSTextAlignmentCenter;
      jpLabel.backgroundColor = [UIColor redColor];
      jpLabel.textColor = [UIColor whiteColor];
      [jpLabel sizeToFit];
      
      [self.view addSubview:jpLabel];
      [jpLabel mas_makeConstraints:^(MASConstraintMaker *make) {
          make.center.equalTo(self.view);
         // make.width.mas_equalTo(40);
      }];
    
    顯示結(jié)果如下所示:
image.png
  • label的寬度不可變:
    有時(shí)候設(shè)計(jì)的UI比較復(fù)雜飒赃,如果某一個(gè)label的寬度變了利花,會(huì)影響到其他界面的顯示,那么我們就不能隨意的根據(jù)文本的長(zhǎng)度修改label的寬度载佳。這時(shí)候我們可以考慮使用UILabeladjustsFontSizeToFitWidth屬性炒事。這個(gè)屬性的作用是如果文本的長(zhǎng)度超出了label的寬度,則縮小文本的字體大小來(lái)讓文本完全顯示蔫慧。代碼如下:

      UILabel *chineseLabel = [[UILabel alloc] init];
      chineseLabel.adjustsFontSizeToFitWidth = YES;
      chineseLabel.text = @"你好";
      chineseLabel.textAlignment = NSTextAlignmentCenter;
      chineseLabel.backgroundColor = [UIColor redColor];
      chineseLabel.textColor = [UIColor whiteColor];
      [chineseLabel sizeToFit];
      
      [self.view addSubview:chineseLabel];
      [chineseLabel mas_makeConstraints:^(MASConstraintMaker *make) {
          make.centerX.equalTo(self.view);
          make.centerY.equalTo(self.view).offset(-40);
          make.width.mas_equalTo(40);
      }];
      
      UILabel *jpLabel = [[UILabel alloc] init];
      jpLabel.adjustsFontSizeToFitWidth = YES;
      jpLabel.text = @"こんにちは";
      jpLabel.textAlignment = NSTextAlignmentCenter;
      jpLabel.backgroundColor = [UIColor redColor];
      jpLabel.textColor = [UIColor whiteColor];
      
      [self.view addSubview:jpLabel];
      [jpLabel mas_makeConstraints:^(MASConstraintMaker *make) {
          make.center.equalTo(self.view);
          make.width.mas_equalTo(40);
      }];
    

    顯示結(jié)果如下所示:


    image.png
  • label的字體和寬度都不可變

    當(dāng)遇到這種情況的時(shí)候挠乳,我覺得已經(jīng)不是代碼層面可以搞定的時(shí)候,這時(shí)候可以尋求產(chǎn)品大大和翻譯大大的幫助姑躲,看下是否可以縮短文案的長(zhǎng)度~~

特別說(shuō)明一點(diǎn)

  1. adjustsFontSizeToFitWidth只是根據(jù)你設(shè)置的初始字體大小去縮小字體睡扬,即當(dāng)你設(shè)置的初始font大小為14的時(shí)候,設(shè)置adjustsFontSizeToFitWidth為YES黍析,字體大小都只會(huì)小于等于14.

  2. UILabel還有一個(gè)屬性minimumScaleFactor卖怜,可以通過(guò)這個(gè)屬性設(shè)置字體可縮小的最小比例。一般可以配合adjustsFontSizeToFitWidth一起使用橄仍。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末韧涨,一起剝皮案震驚了整個(gè)濱河市牍戚,隨后出現(xiàn)的幾起案子侮繁,更是在濱河造成了極大的恐慌,老刑警劉巖如孝,帶你破解...
    沈念sama閱讀 210,914評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件宪哩,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡第晰,警方通過(guò)查閱死者的電腦和手機(jī)锁孟,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評(píng)論 2 383
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)茁瘦,“玉大人品抽,你說(shuō)我怎么就攤上這事√鹑郏” “怎么了圆恤?”我有些...
    開封第一講書人閱讀 156,531評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)腔稀。 經(jīng)常有香客問我盆昙,道長(zhǎng)羽历,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,309評(píng)論 1 282
  • 正文 為了忘掉前任淡喜,我火速辦了婚禮秕磷,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘炼团。我一直安慰自己澎嚣,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,381評(píng)論 5 384
  • 文/花漫 我一把揭開白布瘟芝。 她就那樣靜靜地躺著币叹,像睡著了一般。 火紅的嫁衣襯著肌膚如雪模狭。 梳的紋絲不亂的頭發(fā)上颈抚,一...
    開封第一講書人閱讀 49,730評(píng)論 1 289
  • 那天,我揣著相機(jī)與錄音嚼鹉,去河邊找鬼贩汉。 笑死,一個(gè)胖子當(dāng)著我的面吹牛锚赤,可吹牛的內(nèi)容都是我干的匹舞。 我是一名探鬼主播,決...
    沈念sama閱讀 38,882評(píng)論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼线脚,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼赐稽!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起浑侥,我...
    開封第一講書人閱讀 37,643評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤姊舵,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后寓落,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體括丁,經(jīng)...
    沈念sama閱讀 44,095評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,448評(píng)論 2 325
  • 正文 我和宋清朗相戀三年伶选,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了史飞。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,566評(píng)論 1 339
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡仰税,死狀恐怖构资,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情陨簇,我是刑警寧澤吐绵,帶...
    沈念sama閱讀 34,253評(píng)論 4 328
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響拦赠,放射性物質(zhì)發(fā)生泄漏巍沙。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,829評(píng)論 3 312
  • 文/蒙蒙 一荷鼠、第九天 我趴在偏房一處隱蔽的房頂上張望句携。 院中可真熱鬧,春花似錦允乐、人聲如沸矮嫉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)蠢笋。三九已至,卻和暖如春鳞陨,著一層夾襖步出監(jiān)牢的瞬間昨寞,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評(píng)論 1 264
  • 我被黑心中介騙來(lái)泰國(guó)打工厦滤, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留援岩,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,248評(píng)論 2 360
  • 正文 我出身青樓掏导,卻偏偏與公主長(zhǎng)得像享怀,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子趟咆,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,440評(píng)論 2 348

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

  • 今天又到這個(gè)點(diǎn)了添瓷!明天寶爸出院了,我明天早上買完菜值纱,就要去醫(yī)院給他辦出院手續(xù)鳞贷!今天下午兩個(gè)寶貝知道明天爸爸就要回來(lái)...
    靜雅_(tái)15de閱讀 194評(píng)論 0 0
  • 1:一個(gè)總的問題就是:還原整個(gè)流媒體的信令過(guò)程 2:如何判斷哪種情況的流媒體播放用戶體驗(yàn)差 3:比如初始緩沖成功率...
    偶爾小高興閱讀 344評(píng)論 0 1