wguimage.gml

开放源码的编译器open watcom 1.6.0版的源代码

.np
When you choose one of the 12 &colour.s on the right of the &colour
palette, the draw &colour will not be the same as the fill &colour..
Don't be alarmed. This is because they are not true VGA &colour.s. The
Image Editor creates them by dithering two or more &colour.s together so
that, while the &colour appears solid in the view window, it is
actually made up of different &colour.ed pixels intermingled with each
other. Since it is impossible to represent a single pixel-unit of a
dithered &colour, the draw &colour always differs from the fill &colour
when you select a dithered &colour..
.*
.beglevel
.*
.section *refid=scrinvc Selecting Screen and Inverse &ccolour.s
.*
.np
Unlike simple bitmaps, visuals such as icons and cursors usually
require transparent or inverse &colour.s. This is so that they don't
entirely obscure everything underneath them and so they can be seen no
matter what &colour they happen to be sitting on.
.np
When you create or edit an icon or cursor, you can choose the screen
and inverse &colour.s from the &colour palette. Then, you can draw
portions of your icon or cursor with those &colour.s, so that these
pixels blend into the background of your application.
.np
Remember, if you want to use a specific &colour in your icon or cursor,
make sure the &colour you want to use is not the screen or inverse
&colour.. Reserve these two &colour.s for drawing only the transparent
portions of your icon or cursor. And use the other 26 &colour.s
available in the &colour palette for regular drawing.
.begstep To choose a screen &colour:
.step Create a design grid
for a cursor or icon.
.step Move your cursor
over the two squares beside the words Screen and Inverse, so that your
cursor changes from a pointer to a hand.
.step Double click on either square.
.result
The Select Screen Color dialog appears.
.step Select the &colour
you want to use as your screen &colour..
.step Click on OK.
.result
The dialog closes and the screen &colour and its inverse are assigned
to the screen and inverse boxes in the &colour palette. These will be
the Screen and Inverse &colour.s you can use to draw the portions of
your icon or cursor that you want to be transparent.
.begnote
.note Note:
When you select a &colour, its inverse is automatically selected for
you. Try to find a screen &colour and inverse &colour that you won't
want to use in the foreground of your icon or cursor. For example, if
you don't intend to use yellow in your icon, select yellow as your
screen &colour.. The inverse &colour, blue, is automatically selected
for you, so if you intend to use blue in your icon, find another
screen &colour that doesn't have blue as its inverse.
.endnote
.endstep
.*
.section Assigning &ccolour.s to Mouse Buttons
.*
.np
When you are drawing and filling in multiple &colour.s, you may find it
useful to assign &colour.s to the left and right mouse buttons. This
way, you can draw in one &colour, and quickly switch to another &colour
simply by pressing the opposite mouse button. For example, if you find
you draw mostly in black and red, assign black to the left mouse
button and red to the right mouse button. To do this,
.begstep
.step Select the black square
by clicking on it with the left mouse button.
.step Select the red square
by clicking on it with the right mouse button.
.result
The &colour.s assigned to the mouse buttons appear in the squares of the
&colour palette marked L (for left) and R (for right).
.endstep
.*
.section Hiding and Showing the &ccolour. Palette
.*
.np
If you generally only draw in one or two &colour.s or temporarily need
more room on your screen, you can hide the &colour palette:
.begbull $compact
.bull
Double click on the system menu icon in the corner of the Color
Palette, or
.bull
Choose Show Color Palette from the Options menu.
.endbull
.np
To reveal the &colour palette again, choose Show Color Palette again
from the Options menu.
.*
.endlevel
.*
.section *refid=statlne The Image Editor Status Line
.*
.np
.ix 'Image Editor' 'status line'
There are five sections in the status line. The first four sections
provide information on the current image. The fifth section displays
hint text for the items in the menus, toolbar, and toolbox when you
position your cursor over an item and hold down the mouse button.
:CMT. .figure *depth='2.93' *scale=140 *file='IMG6' The &company Image Editor status line
.figure *depth='3.96' *scale=63 *file='IMG6' The &company Image Editor status line
:cmt.The status line also lets you know if there is a
:cmt.problem with the Image Editor.
:cmt..np
:cmt.Here is a list of problem messages that you may find in the hint area
:cmt.of the status bar and what to do if you get one:
:cmt..np
:cmt..monoon
:cmt.Memory is low! No undos recorded.
:cmt..monooff
:cmt.If you get this message,...
:cmt. [waiting for message info form Wes.]
.*
.section *refid=credbmp Creating and Editing Bitmaps
.*
.np
.ix 'Image Editor' 'and bitmaps'
.ix 'bitmaps'
If you want your applications to have visual impact, you can create
and edit bitmaps. Bitmaps are graphical images that can be as large as
512 x 512 square pixels representing such things as buttons, brush
patterns, company logos, toolbar items, wallpaper, and graphical
elements in menus.
.np
Using the Image Editor you can create a new bitmap or you can create a
bitmap from any other image on your desktop. You can even copy a
bitmap from another application on your desktop.
.begstep To create a new bitmap:
.step Choose New
from the File menu.
.result
The Image Type dialog appears.
.step Select Bitmap.
.step Click on OK.
.result
The Bitmap Information dialog appears. This dialog prompts you for
information about the dimensions of the bitmap you want to create and
the &colour scheme you want to work with. The Image Editor defaults to
the dimensions most commonly used for creating bitmaps, 32 pixels by
32 pixels. However, if you want to create a different sized bitmap,
enter the pixel width and height you want. The Image Editor also
defaults to a 256-&ccolour &colour scheme.
Other color schemes available are 16-&ccolour VGA and 2-&ccolour
Monochrome.
.endstep
.np
To copy a bitmap from your desktop or from another application on your
desktop:
.begstep
.step Choose New
from the File menu.
.result
The Image Type dialog appears.
.step Select Bitmap.
.step Click on OK.
.result
The Bitmap Information dialog appears.
.step Select the Screen Select button.
.result
This option allows you to choose the size and contents of the newly
created bitmap with images from your desktop or from another
application sitting on your desktop. The Image Editor ignores the
limitations specified in the Bitmap Information dialog and uses the
dimensions you sweep out (up to 512x512 pixels).
.step Position the cursor at the image you want to select.
.step Hold the left mouse button and drag the cursor
across the image you want to copy to your design grid.
.step Release the mouse button.
.result
The image you selected appears on your design grid.
.endstep
.*
.section *refid=credcur Creating and Editing Cursors
.*
.np
.ix 'Image Editor' 'cursors'
.ix 'cursors' 'creating and editing'
You can create and edit cursors that communicate to your users the
mode or state of the application.
.np
You can create a new cursor or you can create an empty
cursor and copy an image from your desktop or another application onto
your design grid. From there you can edit your cursor's appearance and
set its hot spot.
.np
When you edit cursors, the Image Editor provides you with an extra
tool called
.us Set Hotspot
This tool allows you to select the exact pixel to which you want to
assign the hotspot. The default hotspot is 0,0 (at the top left corner
of the design grid).
.figure *depth='1.63' *scale=64 *file='IMG7' The Set Hotspot tool allows you to select the hotspot
.begstep To create a new cursor:
.step Choose New
from the File menu.
.result
The Image Type dialog appears.
.step Select Cursor.
.step Click on OK.
.result
The Cursor Format dialog box appears. Since cursors should be
standardized, you can only choose monochrome cursors 32x32 pixels. You
cannot create a &colour.ed cursor.
.step Click on OK.
.endstep
.np
Cursors (and icons, too) differ from bitmaps in that they almost always
include pixels that blend into the background of your application.
Unless you want a rectangular shaped cursor, you must assign special
screen and inverse &colour.s to the "blending pixels," so that they
don't obscure the areas over which you move the cursor.
.np
Since you can only create black and white cursors, do not use black or
white as your screen or inverse &colour.s. Instead, use one of the
dithered &colour.s as your screen &colour.. The Image Editor automatically
chooses the inverse of the chosen dithered &colour..
.np
For more information on selecting screen and inverse &colour.s, refer to
the section entitled :HDREF refid='scrinvc'..
.*
.section *refid=credico Creating and Editing Icons
.*
.np
.ix 'Image Editor' 'and icons'
.ix 'icons' 'creating and editing'
With the Image Editor, you can create icons that look exactly the way
you want. Icons are usually the user's first exposure to your
application, so you want them to be as professional and meaningful as
possible.
.np
You can create a new icon or you can create an empty icon design grid
and use the Image Editor's Snap Bitmap option to copy an image from
your desktop to your design grid where you can edit it as desired.
.begstep To create a new icon:
.step Choose New
from the File menu.
.result
The Image Type dialog appears.
.step Select Icon.
.step Click on OK.
.result
The Icon Target dialog box appears. You can create the following types
of icons:
.begbull $compact
.bull
16-&colour 32x32
.bull
2-&colour 32x32
.bull
2-&colour 32x16
.bull
16-&colour 16x16
.bull
2-&colour 16x16
.bull
256-&colour 48x48
.bull
16-&colour 48x48
.bull
16-&colour 24x24
.endbull
.np
.step Select the desired icon type.
.step Click on OK.
.result
The Image Editor window displays an empty icon design grid
awaiting your new creation.
.endstep
.np
If you want to copy an image from your desktop or from another
application sitting on your desktop, select the Snap Bitmap option
from the toolbar and drag across the image on your desktop that you
want to copy.
.*