Basics

Guides

API Reference

Menu

Basics

Guides

API Reference

class: Rectangle

[52:7] extends: Node

Wraps JavaFX Rectangle, a rectangular shape with optional rounded corners, supporting full Shape styling. The corner rounding is controlled by arc width and arc height; when both are zero the corners are sharp right angles.

CSS Properties -- Rectangle

Property Values Default Description
-fx-arc-height <size> 0 Vertical diameter of the arc at the four corners; 0 produces sharp corners.
-fx-arc-width <size> 0 Horizontal diameter of the arc at the four corners; 0 produces sharp corners.

CSS Properties -- Shape

Property Values Default Description
-fx-fill <paint> black Fill paint for the interior of the shape.
-fx-smooth true | false true When true, anti-aliasing is applied to the shape edges.
-fx-stroke <paint> null Paint for the shape outline stroke. No stroke is drawn when null.
-fx-stroke-type inside | outside | centered centered Position of the stroke relative to the shape boundary.
-fx-stroke-dash-array <size> [<size>]* (none) Pattern of dashes and gaps for a dashed stroke.
-fx-stroke-dash-offset <number> 0 Offset into the dash pattern at which to begin rendering.
-fx-stroke-line-cap square | butt | round square Style of the end caps on open path strokes.
-fx-stroke-line-join miter | bevel | round miter Style used at corners where two stroke segments meet.
-fx-stroke-miter-limit <number> 10 Limit on the ratio of miter length to stroke width; beyond this the join becomes a bevel.
-fx-stroke-width <size> 1 Width of the shape stroke in pixels.

CSS Properties -- Node

Property Values Default Description
-fx-blend-mode add | blue | color-burn | color-dodge | darken | difference | exclusion | green | hard-light | lighten | multiply | overlay | red | screen | soft-light | src-atop | src-in | src-out | src-over null Blend mode used when compositing this node with nodes beneath it.
-fx-cursor null | crosshair | default | hand | move | e-resize | h-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | v-resize | text | wait | <url> null (inherits) Mouse cursor shape shown when the pointer is over this node. Inherits from parent by default.
-fx-effect <effect> null A visual effect (e.g. DropShadow, InnerShadow) applied to the rendered node.
-fx-focus-traversable true | false false Whether this node participates in focus traversal.
-fx-view-order <number> 0 Adjusts rendering and hit-test order within the parent without changing the scene graph order.
-fx-opacity <number> [0.0 - 1.0] 1 Opacity of the node. 0 is fully transparent, 1 is fully opaque.
-fx-rotate <number> 0 Rotation angle in degrees applied around the node's center point.
-fx-scale-x <number> 1 Scale factor along the X axis about the node's center.
-fx-scale-y <number> 1 Scale factor along the Y axis about the node's center.
-fx-scale-z <number> 1 Scale factor along the Z axis about the node's center.
-fx-translate-x <number> 0 Translation offset along the X axis in pixels.
-fx-translate-y <number> 0 Translation offset along the Y axis in pixels.
-fx-translate-z <number> 0 Translation offset along the Z axis in pixels.
visibility visible | hidden | collapse | inherit visible Controls whether the node is rendered and participates in layout.
-fx-managed true | false true When false, the parent layout does not manage this node's position or size.

Methods

  • Rectangle (double X = 0.0, double Y = 0.0, double Width = 0.0, double Height = 0.0)

    Creates a new Rectangle at the given position with the given dimensions.

    • @p X is a double with the X coordinate of the rectangle's top-left corner.
    • @p Y is a double with the Y coordinate of the rectangle's top-left corner.
    • @p Width is a double with the width of the rectangle in pixels.
    • @p Height is a double with the height of the rectangle in pixels.
  • setWidth (double W)

    Sets the width of the rectangle.

    • @p W is a double with the new width in pixels.
    • @r this object
  • setHeight (double H)

    Sets the height of the rectangle.

    • @p H is a double with the new height in pixels.
    • @r this object
  • setArcWidth (double W)

    Sets the horizontal diameter of the arc used to round the rectangle's corners.

    • @p W is a double with the arc width in pixels; 0 produces sharp corners.
    • @r this object
  • setArcHeight (double H)

    Sets the vertical diameter of the arc used to round the rectangle's corners.

    • @p H is a double with the arc height in pixels; 0 produces sharp corners.
    • @r this object
  • setFill (object PaintObj)

    Sets the fill paint for the rectangle interior.

    • @p PaintObj is a paint object used to fill the rectangle.
    • @r this object
  • setStroke (object PaintObj)

    Sets the stroke paint for the rectangle outline.

    • @p PaintObj is a paint object used to draw the rectangle outline.
    • @r this object
  • setStrokeWidth (double W)

    Sets the width of the rectangle outline stroke.

    • @p W is a double with the stroke width in pixels.
    • @r this object