The goal of Picasso is to provide a utility to help UI debugging. Picasso does this by painting the workbench in a way to aid debugging.
- Chris Aniszczyk
- Simon Archer
Painting with Picasso
To use Picasso, simply check it out of CVS and then launch with the tracing options enabled:
paint- Check this option to enable Picasso. When checked Picasso will paint the workbench.
paint/extraCompositeMargin- The value of this option is used to pad every
Compositeobject's margin width and height. Typically the default value of
0is what you want, but a value of
10is helpful to explode a view to reveal the child/parent widget relationships.
paint/toolTip- Check this option to enable custom tool tips that describe the layout of each widget. While useful, it can be helpful to disable tool tips since they are sometimes large and distracting, especially when all you care about is the way the layout looks.
By painting the workbench with Picasso you can easily spot layout issues such as:
- Unnecessary margin padding on
Compositewidgets. This is typically caused by using
GridLayoutand not setting the
- Radio buttons and checkboxes that stretch to consume all available horzontal whitespace. This results in the whitespace to the right of the label being clickable. Doing this can result in the user accidentally selecting a radio button or toggling a checkbox by simply giving focus to the UI. As with push buttons, radio buttons and checkboxes (they're buttons too) should generally not stretch.
- Inappropriate stretching and whitespace consumption.