
Animations and Tweening
163
TPDesign4 Touch Panel Design Software (v2.10 or higher)
file could be applied as a chameleon image, some images make more sense and would give better results
than others.
The characteristics that define any image as a chameleon image are:
1.
It meets the technical requirements for a chameleon image.
2.
It has been applied to a button as the Chameleon Image (via the Chameleon Image state property).
Working With Chameleon Images
Chameleon Images
utilize the 4 color channels (Red, Blue, Green and Alpha) that comprise 32-bit
images to define separate colorizable regions.
Only PNG image files can be used as chameleon images, since in TPDesign4, only PNGs
accommodate transparency as a color.
For the transparent color to be interpreted correctly by TPDesign4, the PNG file must be saved
with RGB colors (32-bit).
Here's an example of creating a simple chameleon image, for the purpose of illustrating the basic
concepts used:
1.
Using an image editing program to create an image to use as the chameleon image:
Use the alpha channel to define the overall desired shape of the button (see Working with
Transparent Backgrounds for more information).
When creating an image to be used as a chameleon image, keep in mind that the Red and Green
color channels will be replaced by the colors specified as the Fill and Border colors in TPD4 for
each state of the button. The Blue color channel is not used for chameleon buttons.
2.
Export the image as a PNG file. The exported file must be a 32-bit RGB Color (8 Bits/Channel) file
in order to be interpreted correctly by TPD4 as a chameleon image.
FIG. 75
Working With Chameleon Images
Summary of Contents for Modero NXD-1200VG
Page 20: ...xviii TPDesign4 Touch Panel Design Software v2 10 or higher Table of Contents ...
Page 130: ...List Box Buttons 110 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Page 160: ...Working With States 140 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Page 166: ...Working With Function Codes 146 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Page 174: ...Colors and Palettes 154 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Page 186: ...Animations and Tweening 166 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Page 208: ...Working With Templates 188 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Page 236: ...File Transfer Operations 216 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Page 248: ...Program Preferences 228 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Page 266: ...Appendix B G4 PanelBuilder 246 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Page 272: ...Appendix C TakeNote 252 TPDesign4 Touch Panel Design Software v2 10 or higher ...
Page 273: ...Appendix C TakeNote 253 TPDesign4 Touch Panel Design Software v2 10 or higher ...