|
|
 |
| |
|
Ultra Button Web Online Help |
 |
|
|
|
| |
Click here to download free trial version and learn more information about the program.
| UltraButton |
The "Background" tab is used
to set the background-related attributes of the button. Its user interface
is shown below:
You can set different background attributes for the "Normal",
"Over" and "Click" states of a button. There are four
"Apply" buttons between the attributes of the three states. You
can click these buttons to copy the background attributes of one state onto
another.
"Image": It sets the image file used by the background. Its format
can be BMP, JPEG or GIF. You can click the "Browse" button to
select a local file in BMP, JPEG or GIF format. The size of the image is
displayed below the edit box. "Transparent": If this option is
selected, the color you specify will be used as the transparent color for
the background image when the button is drawn. You can enter the RGB value
in the edit box directly, or click the "Color Picker" button on
the right to pick a color.
"Resize": When the sizes of the button and the background image
do not match, the background image will be somehow resized when it is drawn
onto the button. The resizing methods for background images by UltraButton
include "Cell Split" and "Stretch".
"Cell Split": The background image is split as a 3x3 matrix. If
"Cell Split" is selected for resizing method for the background
image, you need to set the following parameters: "Split Position":
It sets the positions of the four splitting lines at top, bottom, left and
right. "Resize Direction": It specifies whether the background
image can be stretched in the horizontal and vertical direction. If "Horizontal
Only" is selected, the height of the button must be fixed as the height
of the background image; while when "Vertical Only" is selected,
the width of the button must be fixed as the width of the background image;
and if "Both" is selected, both the height and width of the button
can be set freely. "Fill Method": It decides how, after the split,
the peripheral blocks and the stretched areas inside are drawn. You can
choose from "Tile" or "Stretch". If "Tile"
is applied, the images in the four areas at the corners of the 3x3 matrix
will be drawn with no resize either horizontally or vertically, the images
in the two areas at the top and bottom are drawn as being fixed vertically
and tiled horizontally; the images in the two areas at the left and right
are drawn as being fixed horizontally and tiled vertically; the image in
the center area are drawn as being tiled both horizontally and vertically.
If "Stretch" is applied, the images in the four areas at the corners
of the 3x3 matrix will be drawn with no stretch either horizontally or vertically,
the images in the two areas at the top and bottom are drawn as being fixed
vertically and stretched horizontally; the images in the two areas at the
left and right are drawn as being fixed horizontally and stretched vertically;
the image in the center area are drawn as being stretched both horizontally
and vertically.
"Stretch": The background image will be drawn in the way of simple
bitmap stretching. You can set the "Keep aspect ratio according to
the background image of normal state" option, so the aspect ratio of
the button will always be the same as that of the background image set in
the "Normal" state.
"Recolor": The background image undertakes some kind of recoloring
before being drawn onto the button. The recoloring methods for the background
images by UltraButton include "None", "RGB" and "HSL".
"None": The background image will not be recolored.
"RGB": Recoloring is realized by adjusting the RGB value of each
pixel of the background image. You should set the scaling of "Red",
"Green" and "Blue" for the final recoloring effect.
"HSL": Recoloring is realized by adjusting the "Hue",
"Saturation" and "Lightness" values of each pixel of
the background image. You should set the values of "Hue", "Saturation"
and "Lightness" for the final recoloring effect. For most images,
you can have satisfied recoloring effect simply by adjusting the Hue value.
However, for grayscale images, simply adjusting the Hue value does not work,
now you can select the "Colorize" option and then pick a color
to recolor.
|
|
|
|
