The first is an 800% blowup of the button, complete with a set of tools you will need to create the icon. The second is a color palette.
If possible, position the blowup on your screen so that you can still see the original button. As you draw the icon in the blowup, you will see what it looks like on the original button as they track each other. To reposition the blowup, or for that matter, to reposition the properties box or the palette, drag them by their title bar.
The default tool is the pencil tool, it is the second from the left and it should show up in blue indicating that it is the currently selected tool.
As you click in the blowup with the pencil you see the icon start to develop. The pencil is a toggle, with each click a pixel is lit up with whatever current color is selected in the color palette. Click again on that same pixel and it reverts back.
To get a richer set of colors to work with, click on the line that says "Color/Pattern" in the color palette. You get a pulldown menu, from which select "Add new color." Then you seethe color selector shown below. Select a color and click OK. You are then asked to name the color (as show to the right).
Give the color a name (in the example we had already named it "red" before we took the screen shot), click OK, and that color is added to the palette.
To use a color in your drawing, select it in the palette by clicking on it. Once selected, the drawing tool you use will employ that color.
The drawing tools are self-explanatory, play with them in order to get familiar.
One tool, the "pour" tool can use some extra explanation, so here it is: Use the pencil and make a square in the center of your practice icon. Make sure that the square completely encloses the pixels inside it so that they are separated from the pixels outside. Now suppose you want to color the inside pixels red. One way to do it is to select red on the palette and start clicking on the inside pixels with the pencil. But the fast way to do it is to use the "pour" tool (it is supposed to look like a paint can with paint pouring out of it), and click once inside the square. They all turn red.
Now use the pour tool to turn the inside pixels back to gray. Now use the pencil and toggle just one pixel on the edge of the square so that it too, is back to gray. So now the square does not completely separate the inside pixels from the outside pixels. Try to pour red inside the imperfect square and observe what happens. If you give the pour tool an escape hatch, it takes it and turns all the pixels, both inside and outside.
Using the Icon Library
Once you have created an icon it can be saved so that the next time you need it you won't have to create it again. When you want to save an icon, click the "Save Icon" button in the properties box. You see somethinglike this:
There is s scrolling list of previously saved icons, and you wish to add this one to that list. Type in a name for your new icon and click the Save button. Your icon is added to the list.
Whatever you named the icon is the name you will use (in quotes) in procedures that dynamically move icons into buttons. To see an example of this in the Example Data Base, try Processes/DataEntry/Customers and view the customers using the "Fixed Screen." Observe the traffic light that changes as you go from customer to customer.
The Icon Library is in the file "ddlicon.lib" that is found in the same directory as Thunderbolt. Since Thunderbolt is installed in each machine that uses it, each machine will have its own Icon Library, and over time they will diverge.
So how do you get an icon from one library to the next? Paste the icon (see below) into a button in a scratch definition. Now copy that definition from the Catalog to a file (Form2 of the COPY DEFTYPE
). Transfer the file to the other machine. Copy the file into the other Catalog (Form3 of COPY DEFTYPE
). Pull up that definition and save the icon into the icon library as described above.
Recall and Paste a Saved Icon
Later, when you have some new button or icon object in a definition and you wish to recall a previously saved icon so that you can paste it into the new object, here is how: Get the properties for the new icon object and click on "RecallIcon." Here is what you will see:
Scroll through the list until you find what you want, select it (click on it) and click on the "Paste" button. Try pasting both scaled and unscaled and observe the difference between the two. Sometimes when you scale an icon it gets distorted, other times not. If it distorts, try changing the size of the receiving object and paste it again.
Copyright © 2019 , WhamTech, Inc. All rights reserved. This
document is provided for information purposes only and the contents hereof are
subject to change without notice. Names may be
trademarks of their respective owners.