Bidi on Android and iOS - Meetupfiles.meetup.com/3154762/Bidi on Android and iOS.pdf · iOS...

Bidi on Android and iOS

Craig Cummings January 12, 2015

© 2015 Craig R. Cummings

Agenda

• Market background • A Word or Two on Bidi • Going Native - Android - iOS

• Demos • Q & A


What is bidi?

• Short for bidirectional -- where text and user interfaces can flow in two directions

• But in memory it looks like:


Arab Market by OS

Source: http://www.wamda.com/2013/04/how-consumers-mobile-market-in-the-arab-world-infographic © 2015 Craig R. Cummings

Smartphone Market Penetration

Source: http://think.withgoogle.com/mobileplanet/en/ © 2015 Craig R. Cummings

More words on bidirectionalization

• How do you bidirectionalize? - Flip everything - Handle exceptions

• Text • LTR text of other scripts, numbers, tashkeel, phone

numbers, and more • UI

• Shadows, charts, play buttons, and more


Native Mobile Apps


Android Bidirectionalization Start


Android Bidirectionalization Steps (just a single step?)


Simple


Additional Steps (if needed)?


Android Text Field Direction Control


Android RTL Previewer


More Android Tips and Tricks


Add RTL Dialog


iOS Bidirectionalization Start


iOS Bidirectionalization Steps

•  Support right-to-left languages by using base internationalization and Auto Layout, as described in Internationalizing the User Interface. -  In general, if the development language is left-to-right,

align the views starting in the upper-left corner and add constraints that expand views to the bottom-right. When you use the Auto Layout leading and trailing attributes (not the right and left attributes), most of the user interface appears mirrored in right-to-left languages.


As Simple


iOS Tips, and Tricks


Run with Explicit App Language


Set Application to Arabic, Hebrew, etc.


Xcode Cool, New Bidi Features


iOS Text Field Direction Control (and the art of handling exceptions)


iOS Natural Alignment with English


iOS Natural Aligment with Arabic


Alignment Declarative via Interface Builder


Android Demo


iOS Demo


YNet Hebrew


YNet Hebrew Drill Down


BBC Arabic


BBC Arabic Drill Down


Report Bugs

• Android - http://code.google.com/p/android/issues/list

•  iOS - https://developer.apple.com/bug-reporting/


Q & A

[email protected]


Bidi on Android and iOS - Meetupfiles.meetup.com/3154762/Bidi on Android and iOS.pdf · iOS...

Documents

Transcript of Bidi on Android and iOS - Meetupfiles.meetup.com/3154762/Bidi on Android and iOS.pdf · iOS...