×

If Android Studio, why Mirror?

Android Studio has a WYSIWYG layout editor already, why make another tool for previewing layouts?

Try Mirror for free

Testing on real devices gives real confidence



Static, approximate rendering of layouts on a desktop screen is useful, but far from enough. There are many things that should be tested on target devices. Colors and size of touch zones are two examples.

Mirror makes it fast and fun to test layouts in a realistic setting, on multiple devices at the same time. As a side benefit, using attached devices to preview layouts means more screen space for code, a real benefit on laptops!


Test dynamic, interactive UI elements in a realistic setting

Build your UI in a realistic context with sample data

Android Studio

Mirror

Action bar preview

Hook up action bar menus with standard “@menu/” references. Title and icon can be customized here too.

code-actionbar

×
Sample data for custom attributes

Android layout

res/layout/main_list_item.xml

code-custom-attr-layout

Sample data in Mirror

As shown below, “strokeColor” is a custom attribute of the custom view “CircularImageView”.

mirror/activity_list.xml

code-custom-attr-mirror

×
Sample data for ListViews with multiple list item layouts

Android layout

res/layout/activity_list.xml

code-listview-layout

Sample data in Mirror

mirror/activity_list.xml

code-listview-mirror

×