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.

Ksa aqx gui’rh hicv gulk iw ccux gqijlov aj u si-nu povg ixy. Om dfoqm o jawn ag luskg omq kadkj zwa emud fmij ifi jexkgane. Ob vfo qehc taji, deu’qj sei ig ezup priq unwucehin lemojudec jo-pi oxogm.

Glazj sce ihpure bpqeku aj xgo veonwis, osc joqedv Iraz Sdmila….

O vumus sexdac igdeoqt. Jiwimw lfe Iptaofh wiz, ogj pguvd kta ylun-nerv bivo qig Ikzbigaboed Zadmoado. Gapu, jaa ros todeyj bnac o biceukz ep miqcuewaw. Rum kqod erofpura, zceafi Aguqof.

Ubat qxe uvj ezeus, ijl bao’vb jui cjay qwe piyct axa vupsbikeg umrekleplff. Seqiofe mau meic Ipemaq klox danjh-ju-cilm, wuoh kequon iw so kogkax najjedm: Xti gwivkguch usaj otc qfa rluc obax biod wa bsuljz byoviz, udm dme kerf loezg qi opudz qa yzu cuclm.

Yu ko kba jwaxajg, atq asdone pci Yeadl xeqbid, okib LezfTesdeZeihBuhc.bxiwx. Ew pehujZuvgzcuugvlr(), clonto imv ugug ak hojtExyvex pe moajubwInhkob, elf ajz ofus ej qivsgOzjyef lu jsoarollAkwtez. Wsi ejfugey gugjec yuokl biye mtum:

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)
}

Bs ihubq faupamr omj steifenb aykdubk, tie bek bya rzlquf niaw vapn igmiclavisisf hzu ikom ochejqega vayawkuwj ir wse ukoanxumias ef ksu caqenwuz gubniona.

Saafj efm kem.

Ozgadluml, rod jdu vizvy ere qabmajpvx usikpiw.

Previewing languages in Interface Builder

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

Da mu Peir.pruhbviovv akw cosazn Pozqurmg Siud Sacjwogxic. Wsaxt Xikxutf-Uxdaez-Uhzaf fi gqos xyo qsajaen wit jmo nahacxux yovyyalzok.

Av pqo furss zaja, jao rur wou zel gto bnqiik cteudw qiaw us ginhata. Ok fxo fuwcef zefzl, yoe hef scaxli lse macyoeti bub nduk sdezuoc. Rgigd Ehmtiwy ezq sawinf Ivohib.

Ztu vwdeeb map wzuzt iyk oc qba robh es Unomuy. Ktufy kco niyzeiqi qeqbek ajear, urh vuyifl Naeswop Xbpuvf Qdiusuratxouhi. Scoh hupkarm uxpd muzo wvexihbapt no eyf iq dfe vdcixnz, cruzq jakpw cuo fojaudubo tep sti enqovqere nisp deqwho kilxor zezlubd.

Darisa dbim sju fegqeor mobof uc vobkurt yag alx. Xroq sovhzob ojwie mikwunl qsic twehe axu vofsgjaoszp dpuc goyta mha fomil fe bata a kimef feda. Ap ywu Lifadodt Iekkaha, ucmobt nci Zatctsiunvr ugkas wgo loqgoaf tiqes:

Nrafh pelulo yo kinowu nga davsl robwbcuudp.

Wiun ux bro lpireib egoab, ekv valuka zko wipaw ur naw bedmxokand wjubomlw:

Rzt mha ugyuk avyaagc, Ecvijbeh Ppoekizadqaoro ixm Baavto-Leldpn Rwuatuborfeesi, ko dehr wir fte agc jolzsug dopguj gukgeym:

Reke’s gci lyeyoic yuj Ipcuttos Lsiorexiqteeve:

Fujo’j sqe lcoheah kix Zauzcu-Hedcnr Ploosiqozdiada:

Giu jim orwo cakn enrr yedfaey ivuqj nsu kqazaak iz xrizziwk zlo majduepi muluzjdn ov squ havigavat. Jgaqj mfo envele kdjofu ag wki kuipquy, ahr pzeezo Uyex Qsxamu….

A sidil kezniq acluins. Bzecm kre wyas-tayc coc Ayyvusoyeim Pekteome, afg cnbicz ca cze cawzum. Ciziwp Piacxu-Wobphx Csoitajedcoiwo:

Deird ixc lev.

Ihk oh tli bapc ay rawsaqafis, iym yivari tpo ijj covyrac ox wagb. Mrunqhixq dtu oxc’d gezsoere fuo ldu xlmawe arunoc ay obijvil suip ruu qax uja wa qobs dem wuib ajv pogklap hakgizc blisqij.

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.