Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Sets the type of box that is drawn around the widget.

Basic Example: 

Code Block
var grp = new Group(20, 20, (window.w - 40), (window.h - 40));
window.add(grp);
grp.boxType = Widget.BORDER_BOX;

NO_BOX draws nothing, and whatever is already on the screen remains.  Other BOX types draw filled images. FRAME types draw non-filled frames; i.e., the interior is transparent so anything already on the screen typically can be seen within the frame.

...

The text in the second example is the same color as the background and, thus. is not visible.

...

image-20240301-133919.pngImage Added

image-20240301-133930.pngImage Added

...

Widget.BORDER_BOX

Widget.BORDER_BOX is similar to FLAT_BOX, except the image is a filled box with a border.

...

image-20240301-133943.pngImage Added

...

Widget.RFLAT_BOX 

Widget.RFLAT_BOX is a filled box with rounded corners and no border. Here it is shown on a black background.

...

image-20240301-133954.pngImage Added

...

Widget-ROUNDED_BOX 

Widget-ROUNDED_BOX is a filled box with a rounded border.

...

image-20240301-134019.pngImage Added

...

Widget.BORDER_FRAME

Widget.BORDER_FRAME creates a widget that is a transparent (non-filled) rectangle with a border. This example shows a group with its color set to black the background shows through the interior of the widget.

...

image-20240301-134034.pngImage Added

...

Widget.OVAL_FRAME

Widget.OVAL_FRAME creates a widget that is a transparent (non-filled) oval frame with a border. 

...

image-20240301-134044.pngImage Added

...

Widget. OVAL_BOX

Widget. OVAL_BOX is a filled oval shape with a border.

...