table xml ui

The Table sizes and positions its children using a logical table, similar to HTML tables. Tables are intended to be used extensively in scene2d.ui to layout widgets, as they are easy to use and much more powerful than manually sizing and positioning widgets. Table-based layouts don't rely on absolute positioning and therefore automatically adjust to different widget sizes and screen resolutions.

It is highly recommended to read the Table documentation before building a UI using scene2d.ui.

GO TO Scene2d#Table

Attributes:

• name : string
• debug : bool
• fillParent : bool

Examples:

<?xml version="1.0" encoding="UTF-8"?>
<table name="root" debug="true" expand-all="true" fill-all="true" fillParent="true">
    <table expand-all="true" fill-all="true">
        <table expand-all="true" left="true" top="true">
            <text-field name="searchInput" text="" />
            <button name="searchButton" text="Search"></button>
            <row />
            <scroll-panel name="messagesList" colspan="2" expand-all="true" fill-all="true"
                max-height="300"></scroll-panel>

        </table>
        <table expand-all="true" right="true" top="true">
            <button name="plusButton" min-height="32" min-width="32" text="+"></button>
            <row />
            <button name="minusButton" min-height="32" min-width="32" text="-"></button>
        </table>
    </table>
    <row />
    <table expand-all="true" fill-all="true">
        <table expand-all="true" right="true" top="true">
            <button name="menuButton" min-height="32" min-width="32" text="M"></button>
            <row />
            <button name="routingButton" min-height="32" min-width="32" text="R"></button>
            <row />
            <button name="polygonButton" min-height="32" min-width="32" text="P"></button>
        </table>
        <row></row>
        <table bottom="true" expand-all="true" left="true">
            <label name="geoPosition" color="255,255,255" colspan="3" text="Geo: " />
            <row />
            <button name="addToFavoriteButton" min-height="32" min-width="32"
                text="Add to favorite"></button>
            <button name="addToWaypointButton" min-height="32" min-width="32"
                text="Add to waypoints"></button>
            <button name="addToLastWaypointAndRouteButton" min-height="32" min-width="32"
                text="Add to path"></button>
        </table>
    </table>
</table>