Example
You'll discover that XYLayout is very convenient to use for protoyping your design work. When you design more complicated user interfaces with multiple, nested panels, XYLayout can be used for the initial layout of the panels and components, after which you can choose from one of the standard layouts for the final design.
You can use the visual design tools to specify the container's size and its components' x,y coordinates.
With alignment operations, you can make a set of components the same width, height, left alignment, and so on, so that they look cleanly organized.
To align components,
Select this | To do this | |
Move to first | Moves the select component to the top of the Z-order. | |
Move to last | Moves the select component to the bottom of the Z-order. | |
Align Left | Line up the left edges of the components with the left edge of the first selected component. | |
Align Center | Horizontally line up the centers of the components with the center of the first selected component. | |
Align Right | Line up the right edges of the components with the right edge of the first selected component. | |
Align Top | Line up the top edges of the components with the top edge of the first selected component. | |
Align Middle | Vertically line up the centers of the components with the middle of the first selected component. | |
Align Bottom | Line up the bottom edges of the components with the bottom edge of the first selected component. | |
Even Space Horizontal | Evenly space the components horizontally between the first and last selected components. | |
Even Space Vertical | Evenly space the components vertically between the first and last selected components. | |
Same Size Horizontal | Make the components all the same width as the first selected component. | |
Same Size Vertical | Make the components all the same height as the first selected component. | |