Working With Buttons
70
TPDesign4 Touch Panel Design Software (v2.10 or higher)
6.
Add States to the button (up to 256 total), duplicating State 1 (containing the icon). Generally, you'll
want to delete the "extra" state at the end of the sequence, which does not contain the icon (the
original State 2 setting).
7.
In the State Manager window, Ctrl+click to select just the first and last states.
8.
Right-click on either of the selected states and select
Slot Position
from the Tweeners sub-menu.
The results of the tweening are displayed in the State Manager window.
To preview the custom slider in action, open the Button Preview window, and click and drag with the
mouse cursor to move the slider up and down.
Remember, you can also utilize the other tweeners in conjunction with the custom slider to create
complex color transition effects.
Formatting Codes (Bargraph and Multi-Bargraph buttons only)
Formatting codes can be used in the state text for bargraph and multi-bargraph buttons. The following
formatting codes will be replaced with the identified values:
Using Touch Maps for Multi-State Bargraphs Buttons
TPDesign4 supports
Touch Maps
for Multi-State Bargraph buttons (only). Touch Map images allow you
to use irregular shapes for active bargraph buttons.
If you select
Touch Map
as the
Value Direction
in the States tab of the Properties Control window, an
additional state property is displayed called
Touch Map
.
Click the browse button (...) next to
Touch Map
to select an image to use as a Touch Map via
the Resource Manager.
The alpha values in the selected image represent the areas where touch will be registered, and
the red-channel values represent the overall value to change the control to.
One key difference between regular and Multi-State Bargraph buttons is the way they
work on the panel. The button action is the same (press the bargraph slider and drag
to adjust the level), but while regular bargraph buttons can be set as either horizontal
or vertical, Multi-State Bargraph buttons are always oriented vertically. The user will
always press and drag the slider up and down to adjust the level. Keep this in mind
when setting up a custom slider. Always begin the icon animation starting (at State 1)
at the bottom position, and ending at the top.
Keep in mind that the more states used to animate the movement of the icon, the
smoother and more accurate the slider will be. The range of motion (i.e. the size of
the button that the icon will travel across) needed for the slider should be taken in to
consideration as well. A "short" bargraph button would require less states to create a
smooth motion than a "long" one (that for example spans the entire touch panel
page).
• $P level percentage
• $V raw level value
• $L range low
• $H range high
• $A adjusted level value (raw level value - range low)
• $R range (range high - range low)
• $$ $ character
Содержание Modero NXD-1200VG
Страница 20: ...xviii TPDesign4 Touch Panel Design Software v2 10 or higher Table of Contents ...
Страница 130: ...List Box Buttons 110 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Страница 160: ...Working With States 140 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Страница 166: ...Working With Function Codes 146 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Страница 174: ...Colors and Palettes 154 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Страница 186: ...Animations and Tweening 166 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Страница 208: ...Working With Templates 188 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Страница 236: ...File Transfer Operations 216 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Страница 248: ...Program Preferences 228 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Страница 266: ...Appendix B G4 PanelBuilder 246 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Страница 272: ...Appendix C TakeNote 252 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Страница 273: ...Appendix C TakeNote 253 TPDesign4 Touch Panel Design Software v2 10 or higher ...