![Page 1: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/1.jpg)
© 2016 Apple Inc. All rights reserved. Redistribution or public display not permitted without written permission from Apple.
App Frameworks #WWDC16
Session 232
What’s New in International User Interfaces
Joaquim Lobo Silva Internationalization Software EngineerSara Radi Internationalization Software Engineer
![Page 2: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/2.jpg)
German Swedish Vietnamese Thai Slovak JapaneseEnglish French Italian Spanish Turkish Malay
Chinese Arabic Finnish Indonesian Korean
Czech
Dutch Greek Danish Norwegian Catalan PolishRomanian Russian Simplified Chinese Hebrew
UkrainianHungarian European Portuguese British English
Traditional Chinese Brazilian Portuguese
US English
![Page 3: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/3.jpg)
German Swedish Vietnamese Thai Slovak JapaneseEnglish French Italian Spanish Turkish Malay
Chinese Arabic Finnish Indonesian Korean
Czech
Dutch Greek Danish Norwegian Catalan PolishRomanian Russian Simplified Chinese Hebrew
UkrainianHungarian European Portuguese British English
Traditional Chinese Brazilian Portuguese
US English
![Page 4: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/4.jpg)
German Swedish Vietnamese Thai Slovak JapaneseEnglish French Italian Spanish Turkish Malay
Chinese Arabic Finnish Indonesian Korean
Czech
Dutch Greek Danish Norwegian Catalan PolishRomanian Russian Simplified Chinese Hebrew
UkrainianHungarian European Portuguese British English
Traditional Chinese Brazilian Portuguese
US English
![Page 5: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/5.jpg)
Million
400
![Page 6: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/6.jpg)
![Page 7: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/7.jpg)
Images of the stores in Dubai and Abu Dhabi
![Page 8: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/8.jpg)
![Page 9: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/9.jpg)
Related Sessions
![Page 10: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/10.jpg)
Related Sessions
Inclusive App Design Pacific Heights Tuesday 10:00AM
Internationalization Best Practices Mission Tuesday 9:00AM
![Page 11: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/11.jpg)
![Page 12: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/12.jpg)
![Page 13: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/13.jpg)
![Page 14: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/14.jpg)
Agenda
![Page 15: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/15.jpg)
Agenda
Right-to-Left (RTL) User Interface Concepts and Recap
![Page 16: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/16.jpg)
Agenda
Right-to-Left (RTL) User Interface Concepts and RecapHandling Images
![Page 17: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/17.jpg)
Agenda
Right-to-Left (RTL) User Interface Concepts and RecapHandling ImagesEvaluating Layout Direction
![Page 18: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/18.jpg)
Agenda
Right-to-Left (RTL) User Interface Concepts and RecapHandling ImagesEvaluating Layout DirectionRTL UI in watchOS
![Page 19: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/19.jpg)
Agenda
Right-to-Left (RTL) User Interface Concepts and RecapHandling ImagesEvaluating Layout DirectionRTL UI in watchOS What’s New in macOS
![Page 20: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/20.jpg)
Agenda
Right-to-Left (RTL) User Interface Concepts and RecapHandling ImagesEvaluating Layout DirectionRTL UI in watchOS What’s New in macOSText Support: Handling Bidirectional Text
![Page 21: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/21.jpg)
iOS
![Page 22: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/22.jpg)
RecapiOS
![Page 23: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/23.jpg)
RecapiOS
Supporting right-to-left languages• Since iOS 9
![Page 24: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/24.jpg)
RecapiOS
Supporting right-to-left languages• Since iOS 9• Standard UIKit controls adapt out of the box
![Page 25: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/25.jpg)
RecapiOS
Supporting right-to-left languages• Since iOS 9• Standard UIKit controls adapt out of the box• Auto Layout
![Page 26: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/26.jpg)
RecapiOS
Supporting right-to-left languages• Since iOS 9• Standard UIKit controls adapt out of the box• Auto Layout
- Stack View
![Page 27: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/27.jpg)
RecapiOS
Supporting right-to-left languages• Since iOS 9• Standard UIKit controls adapt out of the box• Auto Layout
- Stack View- Leading/Trailing Constraints
![Page 28: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/28.jpg)
RecapiOS
![Page 29: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/29.jpg)
RecapiOS
Some UI stays the same across layout directions
![Page 30: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/30.jpg)
RecapiOS
Some UI stays the same across layout directions
![Page 31: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/31.jpg)
RecapiOS
Some UI stays the same across layout directions• Semantic Content Attribute
![Page 32: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/32.jpg)
RecapiOS
Some UI stays the same across layout directions• Semantic Content Attribute• For determining and fine-tuning layout flow
![Page 33: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/33.jpg)
RecapiOS
Some UI stays the same across layout directions• Semantic Content Attribute• For determining and fine-tuning layout flow• enum UISemanticContentAttribute
![Page 34: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/34.jpg)
RecapiOS
Some UI stays the same across layout directions• Semantic Content Attribute• For determining and fine-tuning layout flow• enum UISemanticContentAttribute
- playback
![Page 35: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/35.jpg)
RecapiOS
Some UI stays the same across layout directions• Semantic Content Attribute• For determining and fine-tuning layout flow• enum UISemanticContentAttribute
- playback
- spatial
![Page 36: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/36.jpg)
RecapiOS
Some UI stays the same across layout directions• Semantic Content Attribute• For determining and fine-tuning layout flow• enum UISemanticContentAttribute
- playback
- spatial
- forceLeftToRight, forceRightToLeft
![Page 37: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/37.jpg)
RecapiOS
Some UI stays the same across layout directions• Semantic Content Attribute• For determining and fine-tuning layout flow• enum UISemanticContentAttribute
- playback
- spatial
- forceLeftToRight, forceRightToLeft
- unspecified
![Page 38: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/38.jpg)
RecapiOS
New UIKit Support for International User Interfaces WWDC 2015
Some UI stays the same across layout directions• Semantic Content Attribute• For determining and fine-tuning layout flow• enum UISemanticContentAttribute
- playback
- spatial
- forceLeftToRight, forceRightToLeft
- unspecified
![Page 39: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/39.jpg)
ImagesiOS
![Page 40: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/40.jpg)
ImagesiOS
Universal
![Page 41: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/41.jpg)
ImagesiOS
UniversalUIImage or
Interface Builder
![Page 42: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/42.jpg)
ImagesiOS
UniversalUIImage or
Interface Builder
Mirrored
![Page 43: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/43.jpg)
ImagesiOS
UniversalUIImage or
Interface Builder
Mirrored
![Page 44: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/44.jpg)
ImagesiOS
UniversalUIImage or
Interface Builder
Mirrored
imageFlippedForRightToLeftLayoutDirection()
![Page 45: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/45.jpg)
ImagesiOS
imageFlippedForRightToLeftLayoutDirection()
Universal Mirrored DedicatedUIImage or
Interface Builder
![Page 46: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/46.jpg)
ImagesiOS
imageFlippedForRightToLeftLayoutDirection()
Universal Mirrored DedicatedUIImage or
Interface Builder
![Page 47: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/47.jpg)
ImagesiOS
imageFlippedForRightToLeftLayoutDirection()
Universal Mirrored DedicatedUIImage or
Interface Builder
![Page 48: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/48.jpg)
ImagesiOS
imageFlippedForRightToLeftLayoutDirection()
Universal Mirrored DedicatedUIImage or
Interface Builder Runtime check
![Page 49: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/49.jpg)
ImagesiOS
imageFlippedForRightToLeftLayoutDirection()
Universal Mirrored DedicatedUIImage or
Interface Builder Runtime check
![Page 50: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/50.jpg)
NEW
ImagesiOS
UIImage or Interface Builder
Universal Mirrored Dedicated
![Page 51: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/51.jpg)
NEW
ImagesiOS
Directional Image Assets
Universal Mirrored Dedicated
![Page 52: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/52.jpg)
ImagesiOS NEW
![Page 53: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/53.jpg)
ImagesiOS
Image Asset Directions
NEW
![Page 54: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/54.jpg)
ImagesiOS
Image Asset Directions
NEW
![Page 55: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/55.jpg)
ImagesiOS
Image Asset Directions• Fixed
NEW
![Page 56: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/56.jpg)
ImagesiOS
Image Asset Directions• Fixed• Left to Right or Right to Left, Mirrors
NEW
![Page 57: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/57.jpg)
ImagesiOS
Image Asset Directions• Fixed• Left to Right or Right to Left, Mirrors• Both (dedicated for each direction)
NEW
![Page 58: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/58.jpg)
ImagesiOS
Image Asset Directions• Fixed• Left to Right or Right to Left, Mirrors• Both (dedicated for each direction)
Loads the correct image from the asset
NEW
![Page 59: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/59.jpg)
ImagesiOS
Image Asset Directions• Fixed• Left to Right or Right to Left, Mirrors• Both (dedicated for each direction)
Loads the correct image from the asset• From Interface Builder
NEW
![Page 60: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/60.jpg)
ImagesiOS
Image Asset Directions• Fixed• Left to Right or Right to Left, Mirrors• Both (dedicated for each direction)
Loads the correct image from the asset• From Interface Builder• From UIImage.init(named:)
NEW
![Page 61: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/61.jpg)
DemoDirectional Images
![Page 62: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/62.jpg)
Using assets in codeiOS NEW
![Page 63: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/63.jpg)
Using assets in codeiOS
Register left-to-right and right-to-left counterparts
NEW
![Page 64: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/64.jpg)
Using assets in codeiOS
Register left-to-right and right-to-left counterparts• For images not stored locally
NEW
![Page 65: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/65.jpg)
Using assets in codeiOS
Register left-to-right and right-to-left counterparts• For images not stored locally• Associate images with trait collections
NEW
![Page 66: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/66.jpg)
Using assets in codeiOS
Register left-to-right and right-to-left counterparts• For images not stored locally• Associate images with trait collections• Convenience method on UIImage for mirroring orientations
NEW
![Page 67: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/67.jpg)
Using assets in codeiOS
Register left-to-right and right-to-left counterparts• For images not stored locally• Associate images with trait collections• Convenience method on UIImage for mirroring orientations
- UIImage.imageWithHorizontallyFlippedOrientation()
NEW
![Page 68: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/68.jpg)
// Registering assets at runtime
let asset = UIImageAsset()
let ltrImage = fetchRemoteImage()
let rtlImage = ltrImage.imageWithHorizontallyFlippedOrientation()
// Register the images in the asset
asset.register(ltrImage, with: UITraitCollection(layoutDirection: .leftToRight))
asset.register(rtlImage, with: UITraitCollection(layoutDirection: .rightToLeft))
// Set the image on an image view
imageView.image = asset.image(with: imageView.traitCollection)
![Page 69: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/69.jpg)
// Registering assets at runtime
let asset = UIImageAsset()
let ltrImage = fetchRemoteImage()
let rtlImage = ltrImage.imageWithHorizontallyFlippedOrientation()
// Register the images in the asset
asset.register(ltrImage, with: UITraitCollection(layoutDirection: .leftToRight))
asset.register(rtlImage, with: UITraitCollection(layoutDirection: .rightToLeft))
// Set the image on an image view
imageView.image = asset.image(with: imageView.traitCollection)
![Page 70: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/70.jpg)
// Registering assets at runtime
let asset = UIImageAsset()
let ltrImage = fetchRemoteImage()
let rtlImage = ltrImage.imageWithHorizontallyFlippedOrientation()
// Register the images in the asset
asset.register(ltrImage, with: UITraitCollection(layoutDirection: .leftToRight))
asset.register(rtlImage, with: UITraitCollection(layoutDirection: .rightToLeft))
// Set the image on an image view
imageView.image = asset.image(with: imageView.traitCollection)
![Page 71: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/71.jpg)
// Registering assets at runtime
let asset = UIImageAsset()
let ltrImage = fetchRemoteImage()
let rtlImage = ltrImage.imageWithHorizontallyFlippedOrientation()
// Register the images in the asset
asset.register(ltrImage, with: UITraitCollection(layoutDirection: .leftToRight))
asset.register(rtlImage, with: UITraitCollection(layoutDirection: .rightToLeft))
// Set the image on an image view
imageView.image = asset.image(with: imageView.traitCollection)
![Page 72: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/72.jpg)
// Registering assets at runtime
let asset = UIImageAsset()
let ltrImage = fetchRemoteImage()
let rtlImage = ltrImage.imageWithHorizontallyFlippedOrientation()
// Register the images in the asset
asset.register(ltrImage, with: UITraitCollection(layoutDirection: .leftToRight))
asset.register(rtlImage, with: UITraitCollection(layoutDirection: .rightToLeft))
// Set the image on an image view
imageView.image = asset.image(with: imageView.traitCollection)
![Page 73: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/73.jpg)
// Registering assets at runtime
let asset = UIImageAsset()
let ltrImage = fetchRemoteImage()
let rtlImage = ltrImage.imageWithHorizontallyFlippedOrientation()
// Register the images in the asset
asset.register(ltrImage, with: UITraitCollection(layoutDirection: .leftToRight))
asset.register(rtlImage, with: UITraitCollection(layoutDirection: .rightToLeft))
// Set the image on an image view
imageView.image = asset.image(with: imageView.traitCollection)
![Page 74: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/74.jpg)
Directional imagesiOS NEW
![Page 75: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/75.jpg)
Directional imagesiOS
Same familiar asset mechanism
NEW
![Page 76: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/76.jpg)
Directional imagesiOS
Same familiar asset mechanismNew traitUITraitEnvironmentLayoutDirection
NEW
![Page 77: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/77.jpg)
Directional imagesiOS
Same familiar asset mechanismNew traitUITraitEnvironmentLayoutDirection
• Affects layout evaluation with Semantic Content Attribute
NEW
![Page 78: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/78.jpg)
Directional imagesiOS
Same familiar asset mechanismNew traitUITraitEnvironmentLayoutDirection
• Affects layout evaluation with Semantic Content Attribute
Layout
NEW
![Page 79: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/79.jpg)
Directional imagesiOS
Same familiar asset mechanismNew traitUITraitEnvironmentLayoutDirection
• Affects layout evaluation with Semantic Content Attribute
Semantic Content Attribute
Layout
NEW
![Page 80: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/80.jpg)
Directional imagesiOS
Same familiar asset mechanismNew traitUITraitEnvironmentLayoutDirection
• Affects layout evaluation with Semantic Content Attribute
App Environment
Semantic Content Attribute
Layout
NEW
![Page 81: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/81.jpg)
Directional imagesiOS
Same familiar asset mechanismNew traitUITraitEnvironmentLayoutDirection
• Affects layout evaluation with Semantic Content Attribute
App Environment
Semantic Content Attribute
Layout
NEW
![Page 82: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/82.jpg)
Directional imagesiOS
Same familiar asset mechanismNew traitUITraitEnvironmentLayoutDirection
• Affects layout evaluation with Semantic Content Attribute
UIView.effectiveUserInterfaceLayoutDirection
App Environment
Semantic Content Attribute
Layout
NEW
![Page 83: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/83.jpg)
Directional imagesiOS
Same familiar asset mechanismNew traitUITraitEnvironmentLayoutDirection
• Affects layout evaluation with Semantic Content Attribute
UIView.effectiveUserInterfaceLayoutDirection
UIView.userInterfaceLayoutDirection(for:relativeTo:)
NEW
![Page 84: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/84.jpg)
SummaryiOS
![Page 85: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/85.jpg)
SummaryiOS
Directional Image Assets
![Page 86: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/86.jpg)
SummaryiOS
Directional Image Assets• Ready for use with Interface Builder and UIImage
![Page 87: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/87.jpg)
SummaryiOS
Directional Image Assets• Ready for use with Interface Builder and UIImage• Ability to register remote images as part of assets
![Page 88: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/88.jpg)
SummaryiOS
Directional Image Assets• Ready for use with Interface Builder and UIImage• Ability to register remote images as part of assets• imageFlippedForRightToLeftLayoutDirection() deprecated in iOS 10
![Page 89: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/89.jpg)
SummaryiOS
Directional Image Assets• Ready for use with Interface Builder and UIImage• Ability to register remote images as part of assets• imageFlippedForRightToLeftLayoutDirection() deprecated in iOS 10
Convenience property on UIView for effective layout direction
![Page 90: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/90.jpg)
SummaryiOS
Directional Image Assets• Ready for use with Interface Builder and UIImage• Ability to register remote images as part of assets• imageFlippedForRightToLeftLayoutDirection() deprecated in iOS 10
Convenience property on UIView for effective layout directionClass method on UIView for evaluating directionality in your app
![Page 91: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/91.jpg)
watchOS
![Page 92: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/92.jpg)
watchOS
![Page 93: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/93.jpg)
watchOS
Supporting right-to-left languages
![Page 94: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/94.jpg)
watchOS
Supporting right-to-left languages• Since watchOS 2.1
![Page 95: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/95.jpg)
watchOS
Supporting right-to-left languages• Since watchOS 2.1• All WatchKit elements
![Page 96: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/96.jpg)
watchOS
Supporting right-to-left languages• Since watchOS 2.1• All WatchKit elements• API similar to iOS
![Page 97: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/97.jpg)
watchOS
Supporting right-to-left languages• Since watchOS 2.1• All WatchKit elements• API similar to iOS• Design concepts similar to iOS
![Page 98: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/98.jpg)
![Page 99: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/99.jpg)
![Page 100: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/100.jpg)
![Page 101: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/101.jpg)
WatchKitwatchOS
![Page 102: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/102.jpg)
WatchKitwatchOS
All Interface Objects
![Page 103: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/103.jpg)
WatchKitwatchOS
All Interface Objects• Direction and alignment flip automatically
![Page 104: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/104.jpg)
WatchKitwatchOS
All Interface Objects• Direction and alignment flip automatically
- Horizontal Interface Groups
![Page 105: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/105.jpg)
WatchKitwatchOS
All Interface Objects• Direction and alignment flip automatically
- Horizontal Interface Groups- Object alignment
![Page 106: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/106.jpg)
WatchKitwatchOS
All Interface Objects• Direction and alignment flip automatically
- Horizontal Interface Groups- Object alignment
![Page 107: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/107.jpg)
WatchKitwatchOS
All Interface Objects• Direction and alignment flip automatically
- Horizontal Interface Groups- Object alignment
• WKSemanticContentAttribute
![Page 108: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/108.jpg)
WatchKitwatchOS
All Interface Objects• Direction and alignment flip automatically
- Horizontal Interface Groups- Object alignment
• WKSemanticContentAttribute- Playback, Spatial, ForceLeftToRight,
ForceRightToLeft, Unspecified
![Page 109: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/109.jpg)
WatchKitwatchOS
All Interface Objects• Direction and alignment flip automatically
- Horizontal Interface Groups- Object alignment
• WKSemanticContentAttribute- Playback, Spatial, ForceLeftToRight,
ForceRightToLeft, Unspecified
// Using WKInterfaceSemanticContentAttribute
playControlsGroup.setSemanticContentAttribute(.playback)
![Page 110: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/110.jpg)
Layout Direction in watchOS
// Query the directionality for any other UI work
let direction = WKInterfaceDevice.interfaceLayoutDirection(for: .Playback)
if direction == .LeftToRight {
// ...
} else {
// ...
}
![Page 111: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/111.jpg)
Layout Direction in watchOS
// Query the directionality for any other UI work
let direction = WKInterfaceDevice.interfaceLayoutDirection(for: .Playback)
if direction == .LeftToRight {
// ...
} else {
// ...
}
![Page 112: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/112.jpg)
Layout Direction in watchOS
// Query the directionality for any other UI work
let direction = WKInterfaceDevice.interfaceLayoutDirection(for: .Playback)
if direction == .LeftToRight {
// ...
} else {
// ...
}
![Page 113: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/113.jpg)
SummarywatchOS
![Page 114: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/114.jpg)
SummarywatchOS
Same principles as iOS
![Page 115: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/115.jpg)
SummarywatchOS
Same principles as iOSWatchKit elements adapt out of the box
![Page 116: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/116.jpg)
SummarywatchOS
Same principles as iOSWatchKit elements adapt out of the boxAdapt any custom elements or artwork
![Page 117: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/117.jpg)
SummarywatchOS
Same principles as iOSWatchKit elements adapt out of the boxAdapt any custom elements or artworkUse Semantic Content Attribute to determine layout direction
![Page 118: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/118.jpg)
macOS
![Page 119: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/119.jpg)
System Level Controls
![Page 120: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/120.jpg)
Menu barSystem Level Controls
![Page 121: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/121.jpg)
![Page 122: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/122.jpg)
![Page 123: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/123.jpg)
![Page 124: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/124.jpg)
![Page 125: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/125.jpg)
![Page 126: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/126.jpg)
WindowsSystem Level Controls
![Page 127: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/127.jpg)
![Page 128: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/128.jpg)
![Page 129: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/129.jpg)
App Level Controls
![Page 130: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/130.jpg)
NSTableViewApp Level Controls
![Page 131: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/131.jpg)
![Page 132: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/132.jpg)
NSCollectionViewApp Level Controls
![Page 133: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/133.jpg)
![Page 134: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/134.jpg)
NSScrollViewApp Level Controls
![Page 135: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/135.jpg)
![Page 136: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/136.jpg)
![Page 137: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/137.jpg)
![Page 138: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/138.jpg)
dir=LTR
![Page 139: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/139.jpg)
![Page 140: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/140.jpg)
dir=RTL
![Page 141: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/141.jpg)
API
![Page 142: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/142.jpg)
WebKitmacOS NEW
![Page 143: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/143.jpg)
WebKitmacOS NEW
// Default: WKUserInterfaceDirectionPolicyContentvar userInterfaceDirectionPolicy: WKUserInterfaceDirectionPolicy
enum- content
- system
![Page 144: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/144.jpg)
AppKitmacOS
![Page 145: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/145.jpg)
AppKitmacOS
All controls flip automatically
![Page 146: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/146.jpg)
AppKitmacOS
All controls flip automatically• Use StackView and GridView when you can
![Page 147: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/147.jpg)
AppKitmacOS
All controls flip automatically• Use StackView and GridView when you can • Use Auto Layout
![Page 148: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/148.jpg)
AppKitmacOS
All controls flip automatically• Use StackView and GridView when you can • Use Auto Layout
What’s New in Auto Layout Presidio Friday 3:00PM
Mysteries of Auto Layout WWDC 2015
![Page 149: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/149.jpg)
AppKitmacOS
All controls flip automatically• Use StackView and GridView when you can • Use Auto Layout
Direction and alignment flip automatically for nibs, xibs and storyboards in Base localization
What’s New in Auto Layout Presidio Friday 3:00PM
Mysteries of Auto Layout WWDC 2015
![Page 150: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/150.jpg)
NSView layout directionmacOS
![Page 151: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/151.jpg)
NSView layout directionmacOS
![Page 152: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/152.jpg)
NSViewmacOS
![Page 153: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/153.jpg)
NSViewmacOS
Get and set the user interface layout direction of a view
![Page 154: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/154.jpg)
NSViewmacOS
Get and set the user interface layout direction of a viewThe default value is set to NSApp.userInterfaceLayoutDirection
![Page 155: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/155.jpg)
NSViewmacOS
Get and set the user interface layout direction of a viewThe default value is set to NSApp.userInterfaceLayoutDirection
// Get and set the user interface layout directionpublic var userInterfaceLayoutDirection: NSUserInterfaceLayoutDirection
![Page 156: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/156.jpg)
NSImageRepmacOS NEW
![Page 157: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/157.jpg)
NSImageRepmacOS NEW
Use Asset Catalogs
![Page 158: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/158.jpg)
NSImageRepmacOS NEW
Use Asset CatalogsIf assets are obtained externally (server, etc.)
// Default: NSImageLayoutDirectionUnspecifiedpublic var layoutDirection: NSImageLayoutDirection
enum- leftToRight
- rightToLeft
![Page 159: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/159.jpg)
Creating imagesmacOS
![Page 160: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/160.jpg)
Creating imagesmacOS
Register left-to-right and right-to-left counterparts
let image = NSImage(data: LTRData)
image.representations.first.layoutDirection = .leftToRight
let rtlImage = NSImageRep(data: RTLData)
rtlImage.layoutDirection = .rightToLeft
// Adds the specific image representation to the receiver
image.addRepresentation(rtlImage)
![Page 161: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/161.jpg)
Creating imagesmacOS
Register left-to-right and right-to-left counterparts
let image = NSImage(data: LTRData)
image.representations.first.layoutDirection = .leftToRight
let rtlImage = NSImageRep(data: RTLData)
rtlImage.layoutDirection = .rightToLeft
// Adds the specific image representation to the receiver
image.addRepresentation(rtlImage)
![Page 162: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/162.jpg)
NSTextField and text alignment macOS NEW
![Page 163: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/163.jpg)
NSTextField and text alignment macOS
New convenience initializers
NEW
![Page 164: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/164.jpg)
NSTextField and text alignment macOS
New convenience initializersDefault alignment is Natural
// Creates a non-wrapping, non editable, non selectable text field.
public convenience init(labelWithString stringValue: String)
// Creates a wrapping, non editable, selectable text field.
public convenience init(wrappingLabelWithString stringValue: String)
NEW
![Page 165: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/165.jpg)
NSButtonmacOS NEW
![Page 166: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/166.jpg)
NSButtonmacOS
Button with an image will flip position automatically Checkbox position will flip position automatically Radio button position will flip position automatically
public convenience init(title: String, image: NSImage, target: AnyObject?, action: Selector?)
public convenience init(checkboxWithTitle title: String, target: AnyObject?, action: Selector?)
public convenience init(radioButtonWithTitle title: String, target: AnyObject?, action: Selector?)
NEW
![Page 167: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/167.jpg)
DemomacOS
![Page 168: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/168.jpg)
Displaying Bidi Text
![Page 169: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/169.jpg)
![Page 170: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/170.jpg)
English UI
![Page 171: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/171.jpg)
English UI
Mixed Content
![Page 172: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/172.jpg)
Things to Remember…
![Page 173: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/173.jpg)
Things to Remember…
Alignment and directionality are different
![Page 174: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/174.jpg)
Things to Remember…
Alignment and directionality are different
Right aligned text
![Page 175: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/175.jpg)
Things to Remember…
Alignment and directionality are different
Right aligned text RTL writing direction
![Page 176: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/176.jpg)
Things to Remember…
Alignment and directionality are different Alignment and base writing direction are natural by default
Right aligned text RTL writing direction
![Page 177: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/177.jpg)
Text Directionality
![Page 178: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/178.jpg)
Text Directionality
http://unicode.org/reports/tr9/
![Page 179: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/179.jpg)
Text Directionality
All unicode characters are either
http://unicode.org/reports/tr9/
![Page 180: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/180.jpg)
Text Directionality
All unicode characters are either
http://unicode.org/reports/tr9/
Strong LTR (L) Latin,
![Page 181: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/181.jpg)
Text Directionality
All unicode characters are either
http://unicode.org/reports/tr9/
Strong LTR (L) Latin,
Strong RTL (R) العربية, עברית
![Page 182: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/182.jpg)
Text Directionality
All unicode characters are either
http://unicode.org/reports/tr9/
Strong LTR (L) Latin,
Strong RTL (R) العربية, עברית
Neutral/Weak (N) spaces, punctuation…
![Page 183: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/183.jpg)
Text Directionality
All unicode characters are either
Base writing direction is determined by the first strong character
http://unicode.org/reports/tr9/
Strong LTR (L) Latin,
Strong RTL (R) العربية, עברית
Neutral/Weak (N) spaces, punctuation…
![Page 184: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/184.jpg)
Text Directionality
!
![Page 185: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/185.jpg)
Text Directionality
has the highest score!%@ !
![Page 186: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/186.jpg)
Text Directionality
has the highest score!Aya !
![Page 187: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/187.jpg)
Text Directionality
has the highest score!!
![Page 188: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/188.jpg)
Text Directionality
has the highest score!اية
![Page 189: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/189.jpg)
Text Directionality
has the highest score!اية
![Page 190: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/190.jpg)
Text Directionality
has the highest score!اية
![Page 191: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/191.jpg)
Text Directionality
has the highest score!اية
![Page 192: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/192.jpg)
Isolates Support NEW
![Page 193: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/193.jpg)
Isolates Support
Unicode introduced Isolates support
NEW
![Page 194: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/194.jpg)
Isolates Support
Unicode introduced Isolates support Allows some text to be isolated and have the directionality of its first strong character
NEW
![Page 195: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/195.jpg)
Isolates Support
Unicode introduced Isolates support Allows some text to be isolated and have the directionality of its first strong characterDoesn’t affect surrounding text
NEW
![Page 196: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/196.jpg)
Isolates Support
Unicode introduced Isolates support Allows some text to be isolated and have the directionality of its first strong characterDoesn’t affect surrounding text Using localizedStringWithFormat: will isolate %@ automatically
public class func localizedStringWithFormat (_ format: NSString, _ args: CVarArg...)
format -> Self
NEW
![Page 197: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/197.jpg)
DemoBidi Text
![Page 198: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/198.jpg)
Summary
![Page 199: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/199.jpg)
Summary
Directional Image Assets
![Page 200: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/200.jpg)
Summary
Directional Image AssetsNew API on iOS, watchOS, and macOS
![Page 201: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/201.jpg)
Summary
Directional Image AssetsNew API on iOS, watchOS, and macOSAuto Layout
![Page 202: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/202.jpg)
Summary
Directional Image AssetsNew API on iOS, watchOS, and macOSAuto Layout Improved text support with Isolates
![Page 203: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/203.jpg)
![Page 205: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/205.jpg)
Related Sessions
Inclusive App Design Pacific Heights Tuesday 10:00AM
What’s New in Cocoa Nob Hill Tuesday 11:00AM
Typography and Fonts Presidio Wednesday 9:00AM
What’s New in International User Interfaces Nob Hill Friday 9:00AM
What’s New in Auto Layout Presidio Friday 3:00PM
Measurements and Units Nob Hill Friday 4:00PM
Localizing with Xcode 6 WWDC 2014
![Page 206: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/206.jpg)
Interface Builder and Auto Layout Lab Developer Tools Lab C Friday 9:00AM
Internationalization Lab FrameworksLab C Friday 2:00PM
Labs
![Page 207: What’s New in International User Interfaces · German Swedish Vietnamese Thai Slovak Japanese English French Italian Spanish Turkish Malay Chinese Arabic Finnish Indonesian Korean](https://reader030.vdocument.in/reader030/viewer/2022041202/5d4d39c988c993e9728b70ee/html5/thumbnails/207.jpg)