Reverse Engineering With the Debugger

[antun]

If you're using a component and you want to find out how it's constructed (or if you're just using your own components and don't want to look at the code), you can get information about them from the debugger:

<canvas debug="true">
    <window id="myWin" title="My Window" resizeable="true" 
            closeable="true" />
</canvas>

If you type in:
myWin
LzWindow named
i.e. There was an instance of LzWindow, with no name.

Now try:
myWin.subviews
LzView name: top ,LzView name: middle ,LzView name: bottom
i.e. There are three views, named "top", "middle" and "bottom".

So:
myWin.top.subviews
LzView name: background ,LzView name: controls ,LzText: My Window
i.e. There's two views and a <text> field that contains "My Window".

And so on.

Enjoy!