Create Toolbars for GUIDE UIs- 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.