Mirror - Android UI on steroids: Droidcon Cracow 2014

23
Mirror by Android UI development on steroids

Transcript of Mirror - Android UI on steroids: Droidcon Cracow 2014

Page 1: Mirror - Android UI on steroids: Droidcon Cracow 2014

Mirrorb y

Android UI development on steroids

Page 2: Mirror - Android UI on steroids: Droidcon Cracow 2014

MY PROBLEMS (YOURS TOO?!)

Page 3: Mirror - Android UI on steroids: Droidcon Cracow 2014

UI requires a lot of work

Layouts, styles, resources, code... 10 change 20 compile 30 deploy 40 test 50 goto 10

https://www.flickr.com/photos/romytetue/

Page 4: Mirror - Android UI on steroids: Droidcon Cracow 2014

AS build + deploy is so slooow

Eclipse was faster :(

Page 5: Mirror - Android UI on steroids: Droidcon Cracow 2014

AS preview is static

… if it works No way to check selectors or animations

Page 6: Mirror - Android UI on steroids: Droidcon Cracow 2014

Hard to test on device / emu

How to get to specific screen or usecase? How to fill screen with data?

Page 7: Mirror - Android UI on steroids: Droidcon Cracow 2014

Fragmentation

The F* word of Android

Page 8: Mirror - Android UI on steroids: Droidcon Cracow 2014

BEHOLD MIRROR

Page 9: Mirror - Android UI on steroids: Droidcon Cracow 2014

“no More compile-Instal -Run to see youR UI changes On Real devices”

Paid $79 http://jimulabs.com/ AS plugin + server on desktop + client on device

Page 10: Mirror - Android UI on steroids: Droidcon Cracow 2014

New way to iterate on your UISave 20+ seconds per change, hours per day

No need to touch Java code

Android Frontend Developer ?!

Page 11: Mirror - Android UI on steroids: Droidcon Cracow 2014

HOT SWAP YOUR RESOURCES

Page 12: Mirror - Android UI on steroids: Droidcon Cracow 2014

No more Gradle

...for simple layout tweeks on the device

Preview your Layout, Drawable, Animator, Styles, Assets, …

Dynamic preview – test your animations, selectors, gestures

Page 13: Mirror - Android UI on steroids: Droidcon Cracow 2014

Test on multiple devices at once

Page 14: Mirror - Android UI on steroids: Droidcon Cracow 2014

SAMPLE DATA FTW!

Page 15: Mirror - Android UI on steroids: Droidcon Cracow 2014

Al preview metadata in „mirror” directory

No more „John Smith” or hardcoded logos in production code

Page 16: Mirror - Android UI on steroids: Droidcon Cracow 2014

Add some XML to fill your layout with data

No more mock adapters ! Fill your ListView, GridView with data, even different layouts per item Clone items in adapter Works out-of-the-box with texts, images and attributes

basic

Page 17: Mirror - Android UI on steroids: Droidcon Cracow 2014

CUSTOM VIEWS- FINALLY

Page 18: Mirror - Android UI on steroids: Droidcon Cracow 2014

Preview layouts with CustomViews

Code is hot swapped on recompilation

Use your custom attributes in sample data

Page 19: Mirror - Android UI on steroids: Droidcon Cracow 2014

MIRROR.JS (PREVIEW)

Page 20: Mirror - Android UI on steroids: Droidcon Cracow 2014

Add behaviour for your Mirror screens in JS

Feels like Jquery

Great way to prototype your animations

Combine animations:together, sequence, delay

OnClick – start animations, link screens...

Export your prototype to APK! Potential problem:client thinks you are done :)

Page 21: Mirror - Android UI on steroids: Droidcon Cracow 2014

Bonus: 90 day trial

http://bit.ly/mirrordroidcon But wait there is more...

Page 22: Mirror - Android UI on steroids: Droidcon Cracow 2014

Bonus 2: 30 % discount

Enter code „Outline” at checkout

No, I am not an affiliate (yet)

Page 23: Mirror - Android UI on steroids: Droidcon Cracow 2014

Sylwester MadejCEO & Head Developer

@smdremedy

[email protected]

byoutline.com