Mirror - Android UI on steroids: Droidcon Cracow 2014

Mirrorb y

Android UI development on steroids

MY PROBLEMS (YOURS TOO?!)

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/

AS build + deploy is so slooow

Eclipse was faster :(

AS preview is static

… if it works No way to check selectors or animations

Hard to test on device / emu

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

Fragmentation

The F* word of Android

BEHOLD MIRROR

“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

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

No need to touch Java code

Android Frontend Developer ?!

HOT SWAP YOUR RESOURCES

No more Gradle

...for simple layout tweeks on the device

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

Dynamic preview – test your animations, selectors, gestures

Test on multiple devices at once

SAMPLE DATA FTW!

Al preview metadata in „mirror” directory

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

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

CUSTOM VIEWS- FINALLY

Preview layouts with CustomViews

Code is hot swapped on recompilation

Use your custom attributes in sample data

MIRROR.JS (PREVIEW)

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 :)

Bonus: 90 day trial

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

Bonus 2: 30 % discount

Enter code „Outline” at checkout

No, I am not an affiliate (yet)

Sylwester MadejCEO & Head Developer

@smdremedy

sylwester.madej@byoutline.com

byoutline.com