Ui XML HStack - BLKTower/TestWiki GitHub Wiki

Table of Contents

Ui XML Reference\HStack

Stacks children frames horizontally. This frame type has a default size of 0 and expands to fit any children.

Example Usage

<HStack spacing="10" padding="10" backgroundImage="frame01_blue">
    <Frame height="80" width="80" backgroundImage="cart" />
    <Frame height="90" width="90" backgroundImage="cart" />
    <Frame height="100" width="100" backgroundImage="cart" />
    <Frame height="110" width="110" backgroundImage="cart" />
</HStack>

This XML produces the following UI: image

Related Trigger Function(s):

Related UI XML Properties:

Stacks children frames horizontally

reverse

Value type: boolean

Supports data binding

Description

The reverse status of the HStack frame, where true reverses the order in which child frames are added (the last created frame will be the first frame displayed) and false displays child frames normally.

Example Usage

<HStack spacing="10" padding="10" backgroundImage="frame01_blue" reverse="true">
    <Frame height="80" width="80" backgroundImage="cart" />
    <Frame height="90" width="90" backgroundImage="cart" />
    <Frame height="100" width="100" backgroundImage="cart" />
    <Frame height="110" width="110" backgroundImage="cart" />
</HStack>

Related Trigger Function(s):

⚠️ **GitHub.com Fallback** ⚠️