Creating Apps for a Global Audience

WWDC 2018

Layout

• Use high-level containers
• Auto Layout
• Pseudolanguages 👍 and Auto Layout warnings 👍

Layout Basics

• Constraint-based system
• Leading and trailing constraints

• Leading resolves to
  - Left in left-to-right
  - Right in right-to-left

• Use containers
  - UICollectionView, NSCollectionView
  - UIStackView, NSStackView

Text Length

• Changes in text length
• Expand and grow
• Auto Layout

Testing

• Bounded String Pseudolanguage 👍👍👍 
  - This adds a few characters at the beginning and end of every single UI string that you display. 
  And then, you can see that there aren’t truncations or unexpected clippings in the content of your app

• Warnings in Xcode for common anti patterns

Demo 👍

Edit Scheme ➔ Options ➔ Application Language ➔ pseudolanguages

Text

• Languages and Scripts
• Typefaces
• Styles

Test Styles

When you use a text style, 
you guarantee a consistent high quality experience to your users.

Automatically Adjust Font

If you set your label to automatically adjust its font size, 
it will do so with respect to the user’s text size setting.

Font Book

You can easily search for the name of a language

Font Cascade List

• If I’m looking to render this Chinese character and this first font doesn’t have it,
  what font should I use after this to look for this character ?

Word Emphasis

Character Emphasis