
Create Toolbars for GUIDE UIs
6-117
• Icon file name — The icon image file to be loaded for editing
• Import button — Opens a file dialog to select an existing icon file for editing
• Drawing tools — A group of four tools on the left side for editing icons
• Pencil tool — Color icon pixels by clicking or dragging
• Eraser tool — Erase pixels to be transparent by clicking or dragging
• Paint bucket tool — Flood regions of same-color pixels with the current color
• Pick color tool — Click a pixel or color palette swatch to define the current color
• Icon Edit pane — A n-by-m grid where you color an icon
• Preview pane — A button with a preview of current state of the icon
• Color Palette — Swatches of color that the pencil and paint tools can use
• More Colors button — Opens the Colors dialog box for choosing and defining colors
• OK button — Dismisses the dialog and returns the icon in its current state
• Cancel button — Closes the dialog without returning the icon
To work with the Icon Editor,
1
Open the Icon Editor for a selected tool’s icon.
2
Using the Pencil tool, color the squares in the grid:
• Click a color cell in the palette.
• That color appears in the Color Palette preview swatch.
• Click in specific squares of the grid to transfer the selected color to those squares.
• Hold down the left mouse button and drag the mouse over the grid to transfer the
selected color to the squares that you touch.
• Change a color by writing over it with another color.
3
Using the Eraser tool, erase the color in some squares
• Click the Eraser button on the palette.
• Click in specific squares to erase those squares.
• Click and drag the mouse to erase the squares that you touch.
• Click a another drawing tool to disable the Eraser.
4
Click OK to close the dialog and return the icon you created or click Cancel to close
the dialog without modifying the selected tool’s icon.
Commentaires sur ces manuels