Two days ago
RevealApp was
released . RevealApp is a MacOS application. It shows the hierarchy of the UI components of the application in a clear and powerful 3D representation and allows you to change the UI on the fly. The idea is similar to Firebug or Web Inspector for sites.
Possible uses:
- debugging UI, visual search for incomprehensible bugs in layout and so on;
- familiarity with the application written by another developer, open Reveal and quickly analyze the structure of the screens (including items created in runtime);
- designers (or developers under their supervision) can test the design without recompiling the application (and let's move the output icon three pixels to the left).
Reveal uses Flipboard, Artsy, Xamarin and others.
')

Rate interface Reveal easiest way to
video from the site.
Reveal is working on the Bonjour protocol, the application tells it its UI structure and accepts commands to change it. Accordingly, in the application you need to build a Reveal library. Instructions for
iOS ,
Xamarin.iOS .
Let's try to use it on the example of the application
Sooner .
View of the application and its 3D scan:


Let's experiment with labels: change the font, color, type of cropping of long lines, move them (we emulate the behavior of the designer :)

The result becomes available in the emulator and the application continues to work with changes:

The first 30 days of using Reveal are free.
Licenses are sold for $ 89 for freelancers and $ 179 for companies.
Images from revealapp.com
Subscribe to our
blog . Every Thursday, useful articles about mobile development, marketing and business of mobile studio.