Slides from my talk at Mobilization 2014 conference in Łódź, Poland.
Brief introduction to new tool by jimu Labs, called Mirror. It allows quick preview of UI changes directly on devices.
2. ABOUT ME
SYLWESTER MADEJ
@smdremedy
sylwester.madej@byoutline.com
http://byoutline.com
http://soldiersofmobile.com
3. MY PROBLEMS (YOURS TOO?!)
1. UI REQUIRES LOTS OF WORK
2. TESING ON DEVICE / EMU IS PAIN
3. AS BUILD + DEPLOY IS SLOOOW (ONE THING ECLIPSE IS WINNING)
4. PREVIEW ON IS STATIC (WHEN IT WORKS)
5. F* WORD OF ANDROID (FRAGMENTATION)
4. BEHOLD MIRROR
“Mirror” = “no More compile-Install-Run to see youR UI changes On Real devices”
● http://jimulabs.com/
● AS plugin + server on desktop + client on device
● Save 20+ seconds per change, hours per day
● New way to iterate your design
● Paid $79
5. HOT SWAP YOUR RESOURCES
● Preview your Layout, Drawable, Animator, Styles, Assets, …
● Dynamic preview – test your animations, selectors, gestures
● Test your resources on multiple devices at once (VIDEO)
6. SAMPLE DATA FTW!
● Meta data in directory „mirror”
● Add some XML to preview your layout with „real” data (no more mock adapters)
●Works out-of-the-box with texts, images and basic attributes
● Fill your ListView, GridView with data, even different layouts per item
7. CUSTOM VIEWS - FINALLY
● Preview layouts with CustomViews
● Code is hot swapped on recompilation
● Use your custom attributes in sample data
8. MIRROR.JS (PREVIEW)
● Provide 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!
9. LIVE DEMO
● https://github.com/jimulabs/mirror-samples