Fork us on GitHub

Inspecting Components

First, let me start with an apology for not blogging as frequ...
Post Image

Inspecting Components

Picture
First, let me start with an apology for not blogging as frequently. Its been hectic these past few weeks and I could barely find the time to write this! That's generally a "good thing(tm)".

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.

Share this Post:

Posted by Shai Almog

Shai is the co-founder of Codename One. He's been a professional programmer for over 25 years. During that time he has worked with dozens of companies including Sun Microsystems.
For more follow Shai on Twitter & github.