Table of Contents
Advertisement
4. Click and select any icons or pictures within the button display window to begin moving them.
They can be moved by either using the Nudge Controls arrows or by selecting the image and
dragging it to its new position with your mouse. The X, Y image location appears below the
nudging buttons (based on the current button size).
5. Click OK to accept your changes and return to the main menu.
Changing Button Size
1. Select a button by clicking on it.
2. Select Button Size from either the Button drop-down or right-click Button option menus to
open the Button Position and Size dialog box. This dialog box sets the left, top, width, and
height of the active button. The type of touch panel you are designing restricts the maximum
button size.
3. Enter the Left value. This is the number of pixels, from the left screen edge, the button will be
located.
4. Enter the Top value. This is the number of pixels, from the top of the screen, the button will be
located.
5. Enter the Width and Height values. These are the pixel width and height of the button.
6. Click OK to accept your changes and return to the main menu.
You can also resize the button by clicking on it and wait for the resize handles (FIG. 13) to
appear.
FIG. 13 Sample new button
!
!
Using the size to picture feature
This feature resizes a button (and repositions if necessary) to the dimensions of its assigned picture.
If both the On and Off states of the picture are applied to a button; but the picture differs in size, the
button is resized to the smaller value of each dimension. If an On state graphic is 200x100 and the
Off state graphic is 100x200, the picture is resized to 100x100 (the smaller of the two dimensions).
!
!
TPDesign3 Touch Panel Program
Button resize handles
Resize a button by selecting one of the button handles (by placing the mouse cursor over
the handle). The cursor changes to a double arrow indicating the available direction for
resizing.
While holding down the left mouse button, drag the button to the desired size. When
done, release the left mouse button.
Right-click the button and choose Size To Picture from the pull-down menu. This feature
resizes the button to match the dimensions of the picture. If the dimensions of the On and
Off States differ, the button is resized to match the smaller of the two.
Click on a button and, from the Button drop-down menu, click Size to Picture.
Designing Panel Pages
27
Advertisement
Table of Contents
