Formatting Codes (Bargraph And Multi-Bargraph Buttons Only); Using Touch Maps For Multi-State Bargraphs Buttons - AMX MIO-R4 Operation/Reference Manual

Working With Buttons
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.
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).
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).
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.
70
• $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
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.
TPDesign4 Touch Panel Design Software (v2.10 or higher)