Talk from Droidcon Cracow, about Mirror. Great tool for rapid Android UI development. With: - resources hot deploy, - dynamic preview, - JS behaviour animations prototyping.

1. Mirror
Android UI development on steroids
b y

2. MY PROBLEMS
(YOURS TOO?!)

3. 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/

4. AS build + deploy is
so slooow
Eclipse was
faster :(

5. AS preview is static
… if it works
No way to check selectors or animations

6. Hard to test on device / emu
How to get to specific screen or usecase?
How to fill screen with data?

7. Fragmentation
The F* word of Android

8. BEHOLD
MIRROR

9. “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

10. New way to iterate on your UI
Save 20+ seconds per change,
hours per day
No need to touch
Java code
Android Frontend
Developer ?!

11. HOT SWAP YOUR
RESOURCES

12. No more Gradle
...for simple layout tweeks on the device
Preview your Layout, Drawable,
Animator, Styles, Assets, …
Dynamic preview – test your animations,
selectors, gestures

13. Test on multiple devices at once

14. SAMPLE DATA
FTW!

15. Al preview metadata in
„mirror” directory
No more „John Smith” or hardcoded
logos in production code

16. 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

17. CUSTOM VIEWS
- FINALLY

18. Preview layouts with CustomViews
Code is hot
swapped on
recompilation
Use your custom
attributes in
sample data

19. MIRROR.JS
(PREVIEW)

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

21. Bonus: 90 day trial
http://bit.ly/mirrordroidcon
But wait there is more...

22. Bonus 2: 30 % discount
Enter code
„Outline” at
checkout
No, I am not an
affiliate (yet)

23. Sylwester Madej
CEO & Head Developer
@smdremedy
sylwester.madej@byoutline.com
byoutline.com