Class TilePane

java.lang.Object
javafx.scene.Node
javafx.scene.Parent
javafx.scene.layout.Region
javafx.scene.layout.Pane
javafx.scene.layout.TilePane
All Implemented Interfaces:
Styleable, EventTarget
public class TilePane extends Pane
TilePane lays out its children in a grid of uniformly sized "tiles".

A horizontal tilepane (the default) will tile nodes in rows, wrapping at the tilepane's width. A vertical tilepane will tile nodes in columns, wrapping at the tilepane's height.

The size of each "tile" defaults to the size needed to encompass the largest preferred width and height of the tilepane's children and the tilepane will recompute the size of the tiles as needed to accommodate the largest preferred size of its children as it changes. The application may also control the size of the tiles directly by setting prefTileWidth/prefTileHeight properties to a value other than USE_COMPUTED_SIZE (the default).

Applications should initialize either prefColumns (for horizontal) or prefRows (for vertical) to establish the tilepane's preferred size (the arbitrary default is 5). Note that prefColumns/prefRows is used only for calculating the preferred size and may not reflect the actual number of rows or columns, which may change as the tilepane is resized and the tiles are wrapped at its actual boundaries.

The alignment property controls how the rows and columns are aligned within the bounds of the tilepane and defaults to Pos.TOP_LEFT. It is also possible to control the alignment of nodes within the individual tiles by setting tileAlignment, which defaults to Pos.CENTER.

A horizontal tilepane example: 


    TilePane tile = new TilePane();
    tile.setHgap(8);
    tile.setPrefColumns(4);
    for (int i = 0; i < 20; i++) {
        tile.getChildren().add(new ImageView(...));
    }

A vertical TilePane example: 


    TilePane tile = new TilePane(Orientation.VERTICAL);
    tile.setTileAlignment(Pos.CENTER_LEFT);
    tile.setPrefRows(10);
    for (int i = 0; i < 50; i++) {
        tile.getChildren().add(new ImageView(...));
    }
The TilePane will attempt to resize each child to fill its tile. If the child could not be sized to fill the tile (either because it was not resizable or its size limits prevented it) then it will be aligned within the tile using tileAlignment.

Resizable Range

A tilepane's parent will resize the tilepane within the tilepane's resizable range during layout. By default the tilepane computes this range based on its content as outlined in the tables below.

Horizontal
widthheight
minimum left/right insets plus the tile width. top/bottom insets plus height required to display all tiles when wrapped at a specified width with a vgap between each row.
preferred left/right insets plus prefColumns multiplied by the tile width. top/bottom insets plus height required to display all tiles when wrapped at a specified width with a vgap between each row.
maximum Double.MAX_VALUEDouble.MAX_VALUE

Vertical
widthheight
minimum left/right insets plus width required to display all tiles when wrapped at a specified height with an hgap between each column. top/bottom insets plus the tile height.
preferred left/right insets plus width required to display all tiles when wrapped at the specified height with an hgap between each column. top/bottom insets plus prefRows multiplied by the tile height.
maximum Double.MAX_VALUEDouble.MAX_VALUE

A tilepane's unbounded maximum width and height are an indication to the parent that it may be resized beyond its preferred size to fill whatever space is assigned to it.

TilePane provides properties for setting the size range directly. These properties default to the sentinel value Region.USE_COMPUTED_SIZE, however the application may set them to other values as needed: 


     tilePane.setMaxWidth(500);
Applications may restore the computed values by setting these properties back to Region.USE_COMPUTED_SIZE.

TilePane does not clip its content by default, so it is possible that children's' bounds may extend outside the tiles (and possibly the tilepane bounds) if a child's pref size prevents it from being fit within its tile. Also, if the tilepane is resized smaller than its preferred size, it may not be able to fit all the tiles within its bounds and the content will extend outside.

Optional Layout Constraints

An application may set constraints on individual children to customize TilePane's layout. For each constraint, TilePane provides a static method for setting it on the child.

TilePane Constraint Table
ConstraintTypeDescription
alignmentjavafx.geometry.PosThe alignment of the child within its tile.
marginjavafx.geometry.InsetsMargin space around the outside of the child.

Example: 


     TilePane tilepane = new TilePane();
     for (int i = 0; i < 20; i++) {
        Label title = new Label(imageTitle[i]):
        Imageview imageview = new ImageView(new Image(imageName[i]));
        TilePane.setAlignment(label, Pos.BOTTOM_RIGHT);
        tilepane.getChildren().addAll(title, imageview);
     }
Since:
JavaFX 2.0

  • Property Details

    • orientation

      public final ObjectProperty<Orientation> orientationProperty
      The orientation of this tilepane. A horizontal tilepane lays out children in tiles, left to right, wrapping tiles at the tilepane's width boundary. A vertical tilepane lays out children in tiles, top to bottom, wrapping at the tilepane's height. The default is horizontal.
      See Also:

    • prefRows

      public final IntegerProperty prefRowsProperty
      The preferred number of rows for a vertical tilepane. This value is used only to compute the preferred size of the tilepane and may not reflect the actual number of rows, which may change if the tilepane is resized to something other than its preferred height. This property is ignored for a horizontal tilepane.

      It is recommended that the application initialize this value for a vertical tilepane.

      See Also:

    • prefColumns

      public final IntegerProperty prefColumnsProperty
      The preferred number of columns for a horizontal tilepane. This value is used only to compute the preferred size of the tilepane and may not reflect the actual number of rows, which may change if the tilepane is resized to something other than its preferred height. This property is ignored for a vertical tilepane.

      It is recommended that the application initialize this value for a horizontal tilepane.

      See Also:

    • prefTileWidth

      public final DoubleProperty prefTileWidthProperty
      The preferred width of each tile. If equal to USE_COMPUTED_SIZE (the default) the tile width wlll be automatically recomputed by the tilepane when the preferred size of children changes to accommodate the widest child. If the application sets this property to value greater than 0, then tiles will be set to that width and the tilepane will attempt to resize children to fit within that width (if they are resizable and their min-max width range allows it).
      See Also:

    • prefTileHeight

      public final DoubleProperty prefTileHeightProperty
      The preferred height of each tile. If equal to USE_COMPUTED_SIZE (the default) the tile height wlll be automatically recomputed by the tilepane when the preferred size of children changes to accommodate the tallest child. If the application sets this property to value greater than 0, then tiles will be set to that height and the tilepane will attempt to resize children to fit within that height (if they are resizable and their min-max height range allows it).
      See Also:

    • tileWidth

      public final ReadOnlyDoubleProperty tileWidthProperty
      The actual width of each tile. This property is read-only.
      See Also:

    • tileHeight

      public final ReadOnlyDoubleProperty tileHeightProperty
      The actual height of each tile. This property is read-only.
      See Also:

    • hgap

      public final DoubleProperty hgapProperty
      The amount of horizontal space between each tile in a row.
      See Also:

    • vgap

      public final DoubleProperty vgapProperty
      The amount of vertical space between each tile in a column.
      See Also:

    • alignment

      public final ObjectProperty<Pos> alignmentProperty
      The overall alignment of the tilepane's content within its width and height.

      For a horizontal tilepane, each row will be aligned within the tilepane's width using the alignment's hpos value, and the rows will be aligned within the tilepane's height using the alignment's vpos value.

      For a vertical tilepane, each column will be aligned within the tilepane's height using the alignment's vpos value, and the columns will be aligned within the tilepane's width using the alignment's hpos value.

      See Also:

    • tileAlignment

      public final ObjectProperty<Pos> tileAlignmentProperty
      The default alignment of each child within its tile. This may be overridden on individual children by setting the child's alignment constraint.
      See Also:

  • Constructor Details

    • TilePane

      public TilePane()
      Creates a horizontal TilePane layout with prefColumn = 5 and hgap/vgap = 0.

    • TilePane

      public TilePane(Orientation orientation)
      Creates a TilePane layout with the specified orientation, prefColumn/prefRows = 5 and hgap/vgap = 0.
      Parameters:
      orientation - the direction the tiles should flow & wrap

    • TilePane

      public TilePane(double hgap, double vgap)
      Creates a horizontal TilePane layout with prefColumn = 5 and the specified hgap/vgap.
      Parameters:
      hgap - the amount of horizontal space between each tile
      vgap - the amount of vertical space between each tile

    • TilePane

      public TilePane(Orientation orientation, double hgap, double vgap)
      Creates a TilePane layout with the specified orientation, hgap/vgap, and prefRows/prefColumns = 5.
      Parameters:
      orientation - the direction the tiles should flow & wrap
      hgap - the amount of horizontal space between each tile
      vgap - the amount of vertical space between each tile

    • TilePane

      public TilePane(Node... children)
      Creates a horizontal TilePane layout with prefColumn = 5 and hgap/vgap = 0.
      Parameters:
      children - The initial set of children for this pane.
      Since:
      JavaFX 8.0

    • TilePane

      public TilePane(Orientation orientation, Node... children)
      Creates a TilePane layout with the specified orientation, prefColumn/prefRows = 5 and hgap/vgap = 0.
      Parameters:
      orientation - the direction the tiles should flow & wrap
      children - The initial set of children for this pane.
      Since:
      JavaFX 8.0

    • TilePane

      public TilePane(double hgap, double vgap, Node... children)
      Creates a horizontal TilePane layout with prefColumn = 5 and the specified hgap/vgap.
      Parameters:
      hgap - the amount of horizontal space between each tile
      vgap - the amount of vertical space between each tile
      children - The initial set of children for this pane.
      Since:
      JavaFX 8.0

    • TilePane

      public TilePane(Orientation orientation, double hgap, double vgap, Node... children)
      Creates a TilePane layout with the specified orientation, hgap/vgap, and prefRows/prefColumns = 5.
      Parameters:
      orientation - the direction the tiles should flow & wrap
      hgap - the amount of horizontal space between each tile
      vgap - the amount of vertical space between each tile
      children - The initial set of children for this pane.
      Since:
      JavaFX 8.0

  • Method Details

    • setAlignment

      public static void setAlignment(Node node, Pos value)
      Sets the alignment for the child when contained by a tilepane. If set, will override the tilepane's default alignment for children within their 'tiles'. Setting the value to null will remove the constraint.
      Parameters:
      node - the child node of a tilepane
      value - the alignment position for the child

    • getAlignment

      public static Pos getAlignment(Node node)
      Returns the child's alignment constraint if set.
      Parameters:
      node - the child node of a tilepane
      Returns:
      the alignment position for the child or null if no alignment was set

    • setMargin

      public static void setMargin(Node node, Insets value)
      Sets the margin for the child when contained by a tilepane. If set, the tilepane will layout the child with the margin space around it. Setting the value to null will remove the constraint.
      Parameters:
      node - the child node of a tilepane
      value - the margin of space around the child

    • getMargin

      public static Insets getMargin(Node node)
      Returns the child's margin constraint if set.
      Parameters:
      node - the child node of a tilepane
      Returns:
      the margin for the child or null if no margin was set

    • clearConstraints

      public static void clearConstraints(Node child)
      Removes all tilepane constraints from the child node.
      Parameters:
      child - the child node

    • orientationProperty

      public final ObjectProperty<Orientation> orientationProperty()
      The orientation of this tilepane. A horizontal tilepane lays out children in tiles, left to right, wrapping tiles at the tilepane's width boundary. A vertical tilepane lays out children in tiles, top to bottom, wrapping at the tilepane's height. The default is horizontal.
      Returns:
      the orientation of this tilepane
      See Also:

    • setOrientation

      public final void setOrientation(Orientation value)
      Sets the value of the orientation property.
      Property description:
      The orientation of this tilepane. A horizontal tilepane lays out children in tiles, left to right, wrapping tiles at the tilepane's width boundary. A vertical tilepane lays out children in tiles, top to bottom, wrapping at the tilepane's height. The default is horizontal.
      Parameters:
      value - the value for the orientation property
      See Also:

    • getOrientation

      public final Orientation getOrientation()
      Gets the value of the orientation property.
      Property description:
      The orientation of this tilepane. A horizontal tilepane lays out children in tiles, left to right, wrapping tiles at the tilepane's width boundary. A vertical tilepane lays out children in tiles, top to bottom, wrapping at the tilepane's height. The default is horizontal.
      Returns:
      the value of the orientation property
      See Also:

    • prefRowsProperty

      public final IntegerProperty prefRowsProperty()
      The preferred number of rows for a vertical tilepane. This value is used only to compute the preferred size of the tilepane and may not reflect the actual number of rows, which may change if the tilepane is resized to something other than its preferred height. This property is ignored for a horizontal tilepane.

      It is recommended that the application initialize this value for a vertical tilepane.

      Returns:
      the preferred number of rows for a vertical tilepane
      See Also:

    • setPrefRows

      public final void setPrefRows(int value)
      Sets the value of the prefRows property.
      Property description:
      The preferred number of rows for a vertical tilepane. This value is used only to compute the preferred size of the tilepane and may not reflect the actual number of rows, which may change if the tilepane is resized to something other than its preferred height. This property is ignored for a horizontal tilepane.

      It is recommended that the application initialize this value for a vertical tilepane.

      Parameters:
      value - the value for the prefRows property
      See Also:

    • getPrefRows

      public final int getPrefRows()
      Gets the value of the prefRows property.
      Property description:
      The preferred number of rows for a vertical tilepane. This value is used only to compute the preferred size of the tilepane and may not reflect the actual number of rows, which may change if the tilepane is resized to something other than its preferred height. This property is ignored for a horizontal tilepane.

      It is recommended that the application initialize this value for a vertical tilepane.

      Returns:
      the value of the prefRows property
      See Also:

    • prefColumnsProperty

      public final IntegerProperty prefColumnsProperty()
      The preferred number of columns for a horizontal tilepane. This value is used only to compute the preferred size of the tilepane and may not reflect the actual number of rows, which may change if the tilepane is resized to something other than its preferred height. This property is ignored for a vertical tilepane.

      It is recommended that the application initialize this value for a horizontal tilepane.

      Returns:
      the preferred number of columns for a horizontal tilepane
      See Also:

    • setPrefColumns

      public final void setPrefColumns(int value)
      Sets the value of the prefColumns property.
      Property description:
      The preferred number of columns for a horizontal tilepane. This value is used only to compute the preferred size of the tilepane and may not reflect the actual number of rows, which may change if the tilepane is resized to something other than its preferred height. This property is ignored for a vertical tilepane.

      It is recommended that the application initialize this value for a horizontal tilepane.

      Parameters:
      value - the value for the prefColumns property
      See Also:

    • getPrefColumns

      public final int getPrefColumns()
      Gets the value of the prefColumns property.
      Property description:
      The preferred number of columns for a horizontal tilepane. This value is used only to compute the preferred size of the tilepane and may not reflect the actual number of rows, which may change if the tilepane is resized to something other than its preferred height. This property is ignored for a vertical tilepane.

      It is recommended that the application initialize this value for a horizontal tilepane.

      Returns:
      the value of the prefColumns property
      See Also:

    • prefTileWidthProperty

      public final DoubleProperty prefTileWidthProperty()
      The preferred width of each tile. If equal to USE_COMPUTED_SIZE (the default) the tile width wlll be automatically recomputed by the tilepane when the preferred size of children changes to accommodate the widest child. If the application sets this property to value greater than 0, then tiles will be set to that width and the tilepane will attempt to resize children to fit within that width (if they are resizable and their min-max width range allows it).
      Returns:
      the preferred width of each tile
      See Also:

    • setPrefTileWidth

      public final void setPrefTileWidth(double value)
      Sets the value of the prefTileWidth property.
      Property description:
      The preferred width of each tile. If equal to USE_COMPUTED_SIZE (the default) the tile width wlll be automatically recomputed by the tilepane when the preferred size of children changes to accommodate the widest child. If the application sets this property to value greater than 0, then tiles will be set to that width and the tilepane will attempt to resize children to fit within that width (if they are resizable and their min-max width range allows it).
      Parameters:
      value - the value for the prefTileWidth property
      See Also:

    • getPrefTileWidth

      public final double getPrefTileWidth()
      Gets the value of the prefTileWidth property.
      Property description:
      The preferred width of each tile. If equal to USE_COMPUTED_SIZE (the default) the tile width wlll be automatically recomputed by the tilepane when the preferred size of children changes to accommodate the widest child. If the application sets this property to value greater than 0, then tiles will be set to that width and the tilepane will attempt to resize children to fit within that width (if they are resizable and their min-max width range allows it).
      Returns:
      the value of the prefTileWidth property
      See Also:

    • prefTileHeightProperty

      public final DoubleProperty prefTileHeightProperty()
      The preferred height of each tile. If equal to USE_COMPUTED_SIZE (the default) the tile height wlll be automatically recomputed by the tilepane when the preferred size of children changes to accommodate the tallest child. If the application sets this property to value greater than 0, then tiles will be set to that height and the tilepane will attempt to resize children to fit within that height (if they are resizable and their min-max height range allows it).
      Returns:
      the preferred height of each tile
      See Also:

    • setPrefTileHeight

      public final void setPrefTileHeight(double value)
      Sets the value of the prefTileHeight property.
      Property description:
      The preferred height of each tile. If equal to USE_COMPUTED_SIZE (the default) the tile height wlll be automatically recomputed by the tilepane when the preferred size of children changes to accommodate the tallest child. If the application sets this property to value greater than 0, then tiles will be set to that height and the tilepane will attempt to resize children to fit within that height (if they are resizable and their min-max height range allows it).
      Parameters:
      value - the value for the prefTileHeight property
      See Also:

    • getPrefTileHeight

      public final double getPrefTileHeight()
      Gets the value of the prefTileHeight property.
      Property description:
      The preferred height of each tile. If equal to USE_COMPUTED_SIZE (the default) the tile height wlll be automatically recomputed by the tilepane when the preferred size of children changes to accommodate the tallest child. If the application sets this property to value greater than 0, then tiles will be set to that height and the tilepane will attempt to resize children to fit within that height (if they are resizable and their min-max height range allows it).
      Returns:
      the value of the prefTileHeight property
      See Also:

    • tileWidthProperty

      public final ReadOnlyDoubleProperty tileWidthProperty()
      The actual width of each tile. This property is read-only.
      Returns:
      the actual width of each tile
      See Also:

    • getTileWidth

      public final double getTileWidth()
      Gets the value of the tileWidth property.
      Property description:
      The actual width of each tile. This property is read-only.
      Returns:
      the value of the tileWidth property
      See Also:

    • tileHeightProperty

      public final ReadOnlyDoubleProperty tileHeightProperty()
      The actual height of each tile. This property is read-only.
      Returns:
      the actual height of each tile
      See Also:

    • getTileHeight

      public final double getTileHeight()
      Gets the value of the tileHeight property.
      Property description:
      The actual height of each tile. This property is read-only.
      Returns:
      the value of the tileHeight property
      See Also:

    • hgapProperty

      public final DoubleProperty hgapProperty()
      The amount of horizontal space between each tile in a row.
      Returns:
      the amount of horizontal space between each tile in a row
      See Also:

    • setHgap

      public final void setHgap(double value)
      Sets the value of the hgap property.
      Property description:
      The amount of horizontal space between each tile in a row.
      Parameters:
      value - the value for the hgap property
      See Also:

    • getHgap

      public final double getHgap()
      Gets the value of the hgap property.
      Property description:
      The amount of horizontal space between each tile in a row.
      Returns:
      the value of the hgap property
      See Also:

    • vgapProperty

      public final DoubleProperty vgapProperty()
      The amount of vertical space between each tile in a column.
      Returns:
      the amount of vertical space between each tile in a column
      See Also:

    • setVgap

      public final void setVgap(double value)
      Sets the value of the vgap property.
      Property description:
      The amount of vertical space between each tile in a column.
      Parameters:
      value - the value for the vgap property
      See Also:

    • getVgap

      public final double getVgap()
      Gets the value of the vgap property.
      Property description:
      The amount of vertical space between each tile in a column.
      Returns:
      the value of the vgap property
      See Also:

    • alignmentProperty

      public final ObjectProperty<Pos> alignmentProperty()
      The overall alignment of the tilepane's content within its width and height.

      For a horizontal tilepane, each row will be aligned within the tilepane's width using the alignment's hpos value, and the rows will be aligned within the tilepane's height using the alignment's vpos value.

      For a vertical tilepane, each column will be aligned within the tilepane's height using the alignment's vpos value, and the columns will be aligned within the tilepane's width using the alignment's hpos value.

      Returns:
      the overall alignment of the tilepane's content within its width and height
      See Also:

    • setAlignment

      public final void setAlignment(Pos value)
      Sets the value of the alignment property.
      Property description:
      The overall alignment of the tilepane's content within its width and height.

      For a horizontal tilepane, each row will be aligned within the tilepane's width using the alignment's hpos value, and the rows will be aligned within the tilepane's height using the alignment's vpos value.

      For a vertical tilepane, each column will be aligned within the tilepane's height using the alignment's vpos value, and the columns will be aligned within the tilepane's width using the alignment's hpos value.

      Parameters:
      value - the value for the alignment property
      See Also:

    • getAlignment

      public final Pos getAlignment()
      Gets the value of the alignment property.
      Property description:
      The overall alignment of the tilepane's content within its width and height.

      For a horizontal tilepane, each row will be aligned within the tilepane's width using the alignment's hpos value, and the rows will be aligned within the tilepane's height using the alignment's vpos value.

      For a vertical tilepane, each column will be aligned within the tilepane's height using the alignment's vpos value, and the columns will be aligned within the tilepane's width using the alignment's hpos value.

      Returns:
      the value of the alignment property
      See Also:

    • tileAlignmentProperty

      public final ObjectProperty<Pos> tileAlignmentProperty()
      The default alignment of each child within its tile. This may be overridden on individual children by setting the child's alignment constraint.
      Returns:
      the default alignment of each child within its tile
      See Also:

    • setTileAlignment

      public final void setTileAlignment(Pos value)
      Sets the value of the tileAlignment property.
      Property description:
      The default alignment of each child within its tile. This may be overridden on individual children by setting the child's alignment constraint.
      Parameters:
      value - the value for the tileAlignment property
      See Also:

    • getTileAlignment

      public final Pos getTileAlignment()
      Gets the value of the tileAlignment property.
      Property description:
      The default alignment of each child within its tile. This may be overridden on individual children by setting the child's alignment constraint.
      Returns:
      the value of the tileAlignment property
      See Also:

    • getClassCssMetaData

      public static List<CssMetaData<? extends Styleable,?>> getClassCssMetaData()
      Gets the CssMetaData associated with this class, which may include the CssMetaData of its superclasses.
      Returns:
      the CssMetaData
      Since:
      JavaFX 8.0

    • getCssMetaData

      public List<CssMetaData<? extends Styleable,?>> getCssMetaData()
      This method should delegate to Node.getClassCssMetaData() so that a Node's CssMetaData can be accessed without the need for reflection.
      Specified by:
      getCssMetaData in interface Styleable
      Overrides:
      getCssMetaData in class Region
      Returns:
      The CssMetaData associated with this node, which may include the CssMetaData of its superclasses.
      Since:
      JavaFX 8.0