Mirror: Live previews of Android layouts
- Code layouts in Eclipse or Android Studio*
- Preview on real devices with Mirror, instantly
- Save time, write better code
* or IntelliJ, or Vim, or Emacs, or Sublime Text, or Textmate, or…
- Hot-swap layouts, themes, styles, attributes, assets etc.
- Preview touch feedback, gestures, animations and other dynamic, interactive elements
- Preview on multiple devices (see our stress testing video)
- Code layouts in an experimental, iterative style
- Build your UI in a realistic context before writing Java code
- Simple XML format to set text, image, visibility and more
- Populate list and grid views with different item layouts
- Sample data reside in a dedicated directory and won’t polluate your layout code, nor change the runtime behaviour
- Preview layouts with custom views
- Hot-swap custom view code after re-compilation
- Set custom attributes with sample data
Themes and action bars
- Mirror uses the default theme defined in your manifest file
- Experiment with other themes using sample data
- Preview action bars: set the icon, title and option menus
Configuration free, one-click preview
Apps built with the help of Mirror
Save 20+ seconds per change, hours per day
Even for a small UI change, it usually takes 20+ seconds to recompile, reinstall and finally check out the app on a device. With Mirror, there’s no waiting. The time saving easily adds up to hours a day. With a tighter feedback loop you can stay focused, stay in flow, and get more work done every day.
Thanks for the awesome app, I can see this will save me HEAPS of time!
Write better UI code
Mirror helps you learn Android layout coding more quickly and write better code. Faster feedback lets you create layouts, themes and animations in an experimental, iterative style. Moreover, with sample data, you can develop the UI and test it on a device before writing the Java plumbing to link it all together. This encourages a greater use of Android’s declarative resource system and a good separation of presentational and behavioral code.
The ability to mock data for my list view with 3 different layout files for the items saved me a tremendous amount of tweaking. I was able to get my designer to sign off on the layouts long before I even wrote my adapter.
Make designers happy too
Quit back-and-forth spec updates and UI tickets! Sit with your designer, make a change and get feedback in real time. You can create interactive prototypes with just layout and other resource XML code, which can be used in development without adjustment or modification.
We are using it to develop an application for [client name]. …it helped us with doing a basic prototype that ran well enough to show them our concept then get feedback and lay it out live for the executives.
Scroll down for more details or try it out nowGet Mirror