One of my favorite things about working with Codename One is the GUI builder, it solves a lot of the headaches of handcoding/positioning elements into place especially when coupled with the Codename One LIVE! application. However, not all of us use the GUI builder and even when we do we sometimes end up writing code manually.
In those cases it is sometimes pretty difficult to visualize the UI and how to properly style it in the designer tool e.g. when you run into
inexplicable spacing that is clearly not your intention.
For this purpose we now have the component inspector in the simulator tool. It allows us to inspect the component hierarchy in a running simulator, see the classes and UIID’s involved etc.
You can reach the component inspector via the simulator menu after which you can just expand the UI to see the elements within and understand more about the way Codename
One lays out everything.
Notice: This post was automatically converted using a script from an older blogging system. Some elements might not have come out as intended…. If that is the case please let us know via the comments section below.