Working With Buttons
90
TPDesign4 Touch Panel Design Program
Using the Drawing Assist Features
The Order Assist, Position Assist and Size Assist toolbars contains shortcuts to many layout and
design control options for controlling various elements of existing button(s) size and position:
Drawing Assist Tools
Button(s) Button Name Description
Send to Front/Send To Back When you have one or more buttons that overlap on
the page, use these commands to place the selected
button(s) to either the top or bottom layer on the page.
Shift Up/Shift Down When you have one or more buttons that overlap on
the page, use these commands to shift the selected
button(s) up and down just one layer on the page (as
opposed to placing them on just the top or bottom
layer).
Align: Left, Horizontal Center, Right,
Top, Vertical Center, Bottom
Use the Align commands to quickly align selected
buttons on the page, relative to each other (not rela-
tive to the area of the page). Choose which Align tool
to use based on the shape and size of the selected
buttons, and the desired design effect. You must
select at least two buttons to enable the Align options,
and note that the first button you select becomes the
controlling button (all other buttons are moved to align
with the controlling button).
Center Horizontal/Vertical Use these commands to quickly center one or more
selected buttons either Horizontally or Vertically on
the page.
Make Same Width/Height/Size Select a button that has the width or height that you
want to match, then select the button(s) that you want
to resize, and click one of these commands. All
selected buttons are resized to match the width or
height of the controlling button (the first button
selected).
Size To Image Select a button that has either a bitmap or icon image
assigned to it, and click Size To Image to automati-
cally resize the button to the same size as it's associ-
ated bitmap or icon. Note that the border uses some
of the interior area of the button. Depending on the
size of the button, and the selected border type, Size
To Image may appear to resize the button to be too
small to display the entire image (because part of the
image is hidden, or cropped by the border style). As a
design concept, try to choose button border styles
that accommodate and compliment the button image
(if there is one). For example, the Circle and Oval bor-
der types are more problematic in terms of potential
image cropping than are rectangular borders (assum-
ing the associated image is rectangular).
Enforce 4/3 aspect ratio This options retains the 4/3 aspect ratio common to
video fills.
To Next Page
Loading...
Need help?
General
