UiElements XML

<!-- Sets the visibility: HIDDEN, VISIBLE, NO_RENDER --->
<visibility>HIDDEN</visibility> 

<!-- Sets the theme style id -->
<styleId>default</styleId> 

<!-- Sets the layer to render the element on -->
<zIndex>0<zIndex> 

<!-- (OPTIONAL) Sets layout rules -->
<layout>xs-12c</layout>

<!-- (OPTIONAL) Set the layout order of child elements. Can be COLUMN or COLUMN_REVERSE -->
<flexDirection>COLUMN</flexDirection>

<!-- (OPTIONAL) Sets the child elements of the element -->
<children length="1">
    <value class="org.mini2Dx.ui.element.TextButton" id="elementIdHere">
        <!-- element content here-->
    </value>
</children>

<!-- (OPTIONAL) Sets x pixel coordinate of the AbsoluteContainer -->
<x>0</x>

<!-- (OPTIONAL) Sets y pixel coordinate of the AbsoluteContainer -->
<y>0</y>

<!-- (OPTIONAL) Sets x pixel coordinate of the AbsoluteModal-->
<x>0</x>

<!-- (OPTIONAL) Sets y pixel coordinate of the AbsoluteModal-->
<y>0</y>

<!-- (OPTIONAL) Sets the vertical alignment of the AlignedContainer; TOP, BOTTOM or MIDDLE -->
<verticalAlignment>MIDDLE</verticalAlignment>

<!-- (OPTIONAL) Sets the horizontal alignment of the AlignedContainer; LEFT, RIGHT or CENTER -->
<horizontalAlignment>CENTER</horizontalAlignment>

<!-- (OPTIONAL) Sets the vertical alignment of the AlignedModal; TOP, BOTTOM or MIDDLE -->
<verticalAlignment>MIDDLE</verticalAlignment>

<!-- (OPTIONAL) Sets the horizontal alignment of the AlignedModal; LEFT, RIGHT or CENTER -->
<horizontalAlignment>CENTER</horizontalAlignment>

<!-- (OPTIONAL) Sets if the button is enabled -->
<enabled>true</enabled>

<!-- (REQUIRED) The texture to fetch from the AssetManager, or if using an atlas, the atlas name to lookup -->
<texturePath>example.png</texturePath>

<!-- (OPTIONAL) The name of the atlas to fetch from the AssetManager -->
<atlas>example.atlas</atlas>

<!-- (OPTIONAL) True if the image should scale proportionally to fill the parent's width -->
<responsive>true</responsive>

<!-- (OPTIONAL) True if the texture should rendered flipped horizontally -->
<flipX>false</flipX>

<!-- (OPTIONAL) True if the texture should rendered flipped vertically -->
<flipY>false</flipY>

<!-- (OPTIONAL) The text of the label -->
<text>Hello, world!</text>

<!-- (OPTIONAL) The horizontal alignment of the text; LEFT, CENTER or RIGHT -->
<horizontalAlignment>LEFT</horizontalAlignment>

<!-- (OPTIONAL) True if the width of the label should fill the parent's width, false if the width should match the text width -->
<responsive>true</responsive>

<!-- (OPTIONAL) The TextAnimation to use for rendering -->
<textAnimation></textAnimation>

<!-- (OPTIONAL) Sets minimum value; defaults to 0 -->
<min>0</min>

<!-- (OPTIONAL) Sets maximum value; defaults to 100 -->
<max>100</max>

<!-- (OPTIONAL) Sets the progress bar's current value, defaults to 0 -->
<value>0</value>

<!-- (OPTIONAL) Sets layout rules -->
<layout>xs-12c</layout>

<!-- (OPTIONAL) The scroll speed with the scroll up/down buttons are clicked -->
<scrollFactor>0.005</scrollFactor>

<!-- (OPTIONAL) The max height of the ScrollBox in pixels -->
<maxHeight>192</maxHeight>

<!-- (OPTIONAL) Sets the tabs elements of the TabView -->
<tabs length="1">
    <value class="org.mini2Dx.ui.element.Tab" id="tabIdHere">
        <!-- tab content here-->
    </value>
</tabs>

<!-- (OPTIONAL) Sets layout rules for the tab buttons -->
<tabButtonLayout>xs-12c</tabButtonLayout>

<!-- (OPTIONAL) The name to display for the tab -->
<title>Tab 1</title>

<!-- (OPTIONAL) The icon to display for the tab -->
<iconPath>texture.png</iconPath>

<!-- (OPTIONAL) Sets if the textbox is enabled -->
<enabled>true</enabled>

<!-- (OPTIONAL) True if the text should be masked with * characters during rendering -->
<passwordField>false</passwordField>

<!-- (OPTIONAL) Sets layout rules -->
<layout>xs-12c</layout>