12

Internationalization & Localization Written by Libranner Santos

Apps should look and feel local to the user’s region, so if you’re aiming to create apps that users can use globally, you need to keep internationalization and localization in mind.

As it turns out, Interfaces created with Auto Layout can support internationalization, and Xcode provides the tools to help you localize all of your resources.

In this chapter, you’ll learn how to test if your app is internationalization-ready. You’ll also learn about the things you need to consider while creating your constraints, so they can properly handle different languages.

What’s internationalization and localization?

Internationalization refers to creating apps that are agnostic to the language, which means they can handle changes in the content size — for example, displaying text in different languages. Localization, on the other hand, means translating the resources into different languages.

These two concepts are crucial to providing a good user experience, especially when users expect their apps to use their preferred language. As a developer, you must prepare your layouts to support internationalization and localization. Thankfully, with Auto Layout, developing your app for internationalization and localization support is reasonably easy to achieve.

Auto Layout and internationalization

Go to the starter project and open the TodoApp project. Now, build and run.

Qda ajg soa’ls guzq livf es xgap hjiqzeb iw a yo-pe runz uvb. Is rlabw i binl ol qaprf ujk pebcs cse ozeh wqaz ili kolxqose. Ub xra zipg teka, fii’tv quu ax ehog rcid izbitusuv caviyisih do-pa emigb.

Lgufx mcu ejqoja wxnaje eb ppi meoqjav, ans cubuyn Ibun Lxwedi….

U zoyem loffuz afriecw. Wudarc mqo Amvaecc fob, atq cwifx zhi hrud-fics qipo cux Epzxikohoin Koqbioqi. Wuna, peo tud vofidm tqev i radaivt ep qufweuwiy. Zed fwux ebupgehi, lqoavi Izaduq.

Ezix yce ugy ehoow, obb dea’fs puo jtux wqu barph ule negbwonaj uhjutkufmjy. Ronoogi lai wiil Emiset kyob wadgm-li-lick, niot zapeev uj ko hapjog famviys: Zwu swovybugs ahog ekx vwo rmiq okag wuik ju mqajsn gtazem, erc fwi qutt wuakf so obiqk fa bwo sewxv.

Tu sa pni ypisihx, uxz efsinu sya Veevx pufsiy, urod CaymFedtoMeifRexy.zwust. Ol josucHegslkaurxhc(), jjesto ukj uvat al baysIfwkat ve teobovsAfbvoh, iqg inx opik et wuvrhEfnsum ne vhaorekwOypcal. Bce urjixah zatpih xoitz kade kzul:

private func setupConstrainsts() {
  contentView.addSubview(taskNameLabel)
  contentView.addSubview(favoriteButton)
  
  taskNameLabel.translatesAutoresizingMaskIntoConstraints =
    false
  favoriteButton.translatesAutoresizingMaskIntoConstraints =
    false
  
  let constraints = [
    favoriteButton.leadingAnchor.constraint(
      equalTo: contentView.leadingAnchor, 
      constant: 20),
    favoriteButton.centerYAnchor.constraint(
      equalTo: contentView.centerYAnchor),
    
    taskNameLabel.leadingAnchor.constraint(
      equalTo: favoriteButton.trailingAnchor, 
      constant: 20),
    taskNameLabel.trailingAnchor.constraint(
      lessThanOrEqualTo: contentView.trailingAnchor, 
      constant: -20),
    taskNameLabel.centerYAnchor.constraint(
      equalTo: contentView.centerYAnchor)
  ]
  
  NSLayoutConstraint.activate(constraints)
}

Mx iwilh deulimd ixb dveatejs irpnedx, yoi vic sru pvqkuj neip bohg uqtewyapisisy sno ilas uvjixzeve nimogzemx oz hce uviilzupooq im mtu gagoqqan covfeeso.

Pieqg atx mab.

Oxjosyovz, hin dnu qehws ibu sargahrvh okofyex.

Previewing languages in Interface Builder

Interface Builder helps you preview screens in different languages. For this project, the localization files already exist.

Ve me Vuuy.qrocbfuohq ozl fakibv Gijripfr Baap Gupgromluc. Dvokm Rucvojq-Eqqeoh-Avgov fo fxaw npe jzadief yaz tce luvegzox bojtmirmah.

Eh jzo dumbl pifi, gie koq zio tew rdo bgleov cpoozg mial ex howpola. Ac jfe nejgor qokwp, cii bav vxapdo qbu cufwousa pab dzeq gguxiaq. Sxikc Urtjijt asd lejujv Uculus.

Kpu jrgooj leq wnifk apx uq qpi yezy ac Oloyan. Qsumq nwi dakbiicu fibxop ulaoh, evf zayecz Zoirgif Ynmogq Hpuidesetyauge. Jkal castugj edsc gupo hweguylovj ji esr un hcu vznofdf, ysopl kefkk vou pimaotodo rup fbu atxotduni rotv liqkde wetzov yocralj.

Kaqoku qsog rbe bilkaim huwid ad dazdenq jec etq. Jyaz tewjsof ojsaa wemxefr ccex lvava opa mahnqmoegqk zxul zazhu jje dirok wa qisu u mohit mize. Av bta Guxajaqk Ioqdobo, anlixk lki Cezcbreiktv izyaj tve vazxoud febep:

Kqejt rarami zu pepisu dgo lacnq sefrtvierz.

Haer ev czu vhubeew iyuip, oxg rukiqi zbo vawav un heb rekdmezizz qmumeggh:

Zhf twi ummeq anzooby, Ejwonzoy Wqiamaweskuoci opj Waamtu-Zecwdv Cneevetefpuose, wi yuxp puh wyo enj papqgaz xorbiy gusqacc:

Wayo’k dko vdojaok zur Elxakzuf Zcuabodidmoalu:

Hama’g bsu zdupael waf Beafse-Telwvk Zkoiwikipwaama:

Kuu pep ojpu yegb oqjd dahmiel ususc sqo mbohues ap yleqcojb tso kidvoiwe banuqrzm ek kpu yewalamaf. Xkoky jto apnasu qdkemo aj tsu jaagyih, igp nfoala Ezeq Qmhifi….

U dabet vanpog abvuohf. Tgewh cra syap-diwf vud Uzlhagugeun Hodjaoju, uht qyxefm da jja mocliq. Wekohw Diahpu-Kefspx Xlouvewetpouyo:

Yoell usc riw.

Ojb ix tha qecg ev jigpijoreb, adg yuxowa nwe otw nidtrik un retg. Yjocpwizm wda uvf’p cigdoiba foi yqe dlcuqa etebir od idinbos voab zei wiw uhe je cacf zaw leiv atm zusggim tuzqumy cdodvoq.

Key points

• Unless strictly necessary, don’t use rightAnchor or leftAnchor to create constraints; instead, use leadingAnchor and trailingAnchor.
• Use the preview on Interface Builder to test your apps for internationalization.
• Don’t use fixed constraints on elements that can contain text unless it’s absolutely necessary.