Chapter 22 UI Assistant Size & Position Toolbar
The Size and Position page has over a dozen options such as Set Size and Position, Alignment, Move and Size by Pixel.
The prompter-based Set Size and Set Position functions are very useful and absent from the Composition Editor. The various Move and Size commands are also very useful for fine tuning a layout. Normally the Move and Size commands operate a pixel at a time. By holding the Alt key down, they will move or size the selected widgets by one grid increment (e.g., five pixels). Holding the Shift key down will make the command operate in reverse. For example, the Size commands will shrink the selected widgets away from the indicated direction.
Set Size

Set the size of the selected parts. This opens a prompter dialog in which you can specify a new size as a point.
Set Position

Set the position of the selected parts. This opens a prompter dialog in which you can specify a new position as a point.
Auto Size

Size the selected parts according to predefined hints. This will size a widget to the size returned by the #
preferredExtent of the widget’s primaryWidget. For Labels and Buttons, the widget will size itself to comfortably contain the widgets label.
Align Left

Align the selected parts with the left edge of the last part selected (the one with the solid black handles).
Align Center Horizontally

Align the selected parts along the vertical axis of the last part selected (the one with the solid black handles).
Align Right

Align the selected parts with the right edge of the last part selected (the one with the solid black handles).
Align Top

Align the selected parts with the top edge of the last part selected (the one with the solid black handles).
Align Center Vertically

Align the selected parts along the horizontal axis of the last part selected (the one with the solid black handles).
Align Bottom

Align the selected parts with the bottom edge of the last part selected (the one with the solid black handles).
Distribute Horizontally

Spaces the selected parts evenly between the left and right borders of the parent part, typically a window.
Alt-click to distribute the selected parts horizontally within their own bounding box. The bounding box is the smallest rectangle that encompasses all of the selected parts.
Distribute Vertically

Spaces the selected parts evenly between the top and bottom borders of the parent part, typically a window.
Alt-click to distribute the selected parts vertically within their own bounding box. The bounding box is the smallest rectangle that encompasses all of the selected parts.
Match Width

Sizes the width of the selected parts to match that of the last part selected (the one with the solid black handles).
Match Height

Sizes the height of the selected parts to match that of the last part selected (the one with the solid black handles).
Move Left

Move the selected parts left one pixel.
Alt-click to nudge selection left by one grid increment (e.g., five pixels).
Move Right

Move the selected parts right one pixel.
Alt-click to nudge selection right by one grid increment (e.g., five pixels).
Move Down

Move the selected parts down one pixel.
Alt-click to nudge selection down by one grid increment (e.g., five pixels).
Move Up

Move the selected parts up one pixel.
Alt-click to nudge selection up by one grid increment (e.g., five pixels).
Size Left

Grow the selected parts’ width by one pixel to the left.
Alt-click to grow the selected parts’ width by one grid increment to the left (e.g., five pixels).
Shift-click to shrink the selected parts’ width away from the left.
Size Right

Grow the selected parts’ width by one pixel to the right.
Alt-click to grow the selected parts’ width by one grid increment to the right (e.g., five pixels).
Shift-click to shrink the selected parts’ width away from the right.
Size Down

Grow the selected parts’ height by one pixel downward.
Alt-click to grow the selected parts’ height by one grid increment downward (e.g., five pixels).
Shift-click to shrink the selected parts’ width away from the bottom.
Size Up

Grow the selected parts’ height by one pixel upward.
Alt-click to grow the selected parts’ height by one grid increment upward (e.g., five pixels).
Shift-click to shrink the selected parts’ width away from the top.
Toggle Grid

Toggle the display of the grid on and off for the selected parts.
Snap To Grid

Aligns the selected parts to the grid. This causes the upper left corner of the selected parts to be repositioned to the nearest grid coordinate. The grid does not need to be visible for this to work.
Last modified date: 02/03/2021