1http://www.appcelerator.com | @appcelerator

What’s New In Mobile 1.5What’s New In Mobile 1.5Kevin Whinnery (@kevinwhinnery)

Conrad Fuhrman (thenativeadvantage.com)

2http://www.appcelerator.com | @appcelerator

Agenda

•What’s new with Appcelerator•What’s new in Titanium Mobile 1.5• Questions and Answers

3http://www.appcelerator.com | @appcelerator

What’s New With Us?

• 9m round of funding• Hiring like crazy! (jobs.appcelerator.com)• Major updates for Titanium Developer, Mobile, and Desktop• Guides project• Appcelerator and Verizon team up

4http://www.appcelerator.com | @appcelerator

Product Updates

• Android enhancements• Performance improvements• Support for multiple screen sizes and densities• Extensibility

Android FTW!

5http://www.appcelerator.com | @appcelerator

JavaScript Style Sheets

• JSS Support for:– Styling by ID– Styling Titanium Components– import JSS files

• Available on Android:– className/s– addClass()– global.jss

6http://www.appcelerator.com | @appcelerator

JSS Notes

• font:{} properties available as font-*• JSS files are tied to included/window JS files• No support for JavaScript in JSS files• Values map to their equivalents in JS, i.e. height:50 and font-family:’Droid Sans’• First iteration of JSS: API/structure changes and enhancements likely

7http://www.appcelerator.com | @appcelerator

Localization

• Android-Style localization files (strings.xml)• Top level i18n directory

8http://www.appcelerator.com | @appcelerator

Localization: Usage• Ti.Locale.getString() === L()• Value replacement with String.format• String.format follows IEEE printf spec

9http://www.appcelerator.com | @appcelerator

Multiple Density Images

by default, UIs are scaled to a 320x480

resolution

10

http://www.appcelerator.com | @appcelerator

tiapp.xml configuration

• Android Configuration– Custom AndroidManifest.xml properties– anyDensity

• iOS Config– Orientation control

11

http://www.appcelerator.com | @appcelerator

Android Menus

• Associated with Activities• Granular control• Created on demand• Note: Breaking Change

12

http://www.appcelerator.com | @appcelerator

Android Module SDK

• Develop Custom Android extensions• Eclipse-based development• Assumes prior knowledge of Android SDK• (We have a guide available for iOS as well)• Dev Center: – /guides/en/module_android.html

13

http://www.appcelerator.com | @appcelerator

Native Android Concepts

• Activities• Intents• Services• Pending Intent• Menu and Menu Items• Access to generated R.java file• Stop by tomorrow for more

14

http://www.appcelerator.com | @appcelerator

Native Android Pickers

• Date• Time• Custom• Spinners• Lots of new KS Demos

15

http://www.appcelerator.com | @appcelerator

Device Calendar (Android)

• Create reminders• Create alerts

16

http://www.appcelerator.com | @appcelerator

Compiler Plugins

• Run custom Python scripts during build• Applications:– JavaScript compression– Auto script loading/combination– Custom build tooling

17

http://www.appcelerator.com | @appcelerator

TableView Performance

• Enhanced TableView performance• Remember ‘className’ on TVRows

18

http://www.appcelerator.com | @appcelerator

More Release Notes

• Developer Blog– http://bit.ly/ti_notes_15

• Lighthouse Issues– http://bit.ly/ti_lh_15

Thanks iOS/Android engineering teams (long suffering Don Thorp

pictured above) for a great release!

19

http://www.appcelerator.com | @appcelerator

Stop By Tomorrow...

• More on native Android features• Cross-platform development techniques• Code structure for Titanium Mobile applications• Building component-oriented, event-driven applications with Titanium

20

http://www.appcelerator.com | @appcelerator

Questions?