Working With States
298
TPDesign4 (v3.2 or higher)
Reordering States On A Button
Changing the order of states in a Multi-State General or Multi-State Bargraph button can be accomplished
either through the clipboard or by drag-and-drop:
Reordering States Through the Clipboard
1.
In the State Manager window, select the states to be moved.
Ctrl + click to select multiple states individually.
Shift + click to select a range of states.
2. Cut the selected states to the clipboard (Ctrl-X).
3. If the states are to be moved to the end of the collection, ensure that no states are currently selected in the
State Manager (click anywhere outside of a state thumbnail, or press ESC). Then, paste the states from
the clipboard by selecting
4. Edit > Paste, State Manager Context Menu > Paste, or the Ctrl-V keyboard accelerator.
5. If the states are to be moved elsewhere in the collection, first left-click to select the state prior to which
the new states will be inserted. Then insert the states from the clipboard by selecting Edit > Insert, State
Manager Context Menu > Insert, or the Ctrl-V keyboard accelerator.
Reordering States Through Drag-and-Drop
A simplified alternative to using the clipboard to reorder states is to use drag-and-drop.
1. Select the states to be moved.
Ctrl + click to select multiple states individually.
Shift + click to select a range of states.
2. Press and hold the left mouse button while over one of the selected states. While continuing to press the
left mouse button, move the mouse to the location where the states will be moved. If the states are to be
moved to the end of the collection, drag the states beyond the last state. If they are to be moved elsewhere
in the collection, drag the states over the space between state thumbnails where they will be moved.
3. Release the left mouse button (the same operation can also be performed with a right mouse button drag-
and-drop, selecting "Move…" from the drag-and-drop menu).
State Draw Order
State Draw Order refers to the order in which the various visual elements of a Page, Popup Page or Button are
drawn on the screen.
The element at the top of the state draw order overlaps all other elements. The top of the state draw
order is like the top layer in a multi-layer drawing.
The element at the bottom of the state draw order is overlapped by all other elements. The bottom
of the state draw order is like the bottom layer in a multi-layer drawing.
By default, the state draw order is:
1. fill
2. bitmap
3. icon
4. text
5. border
You can change the draw order via the options in the State Draw Order dialog (see below).
An example of a button with the default state draw order (FIG. 348):
An example of a button with the state draw order altered to draw the icon over the text (FIG. 349):
Comments to this Manuals