67 lines
2.0 KiB
Plaintext
67 lines
2.0 KiB
Plaintext
<View name="Layout Lab" theme="xcui_layout_lab_theme.xctheme">
|
|
<Column id="root" gap="14" padding="18">
|
|
<Card
|
|
id="heroCard"
|
|
height="92"
|
|
tone="accent"
|
|
title="XCUI Layout Lab"
|
|
subtitle="Resource-driven row / column / overlay stress." />
|
|
<Row id="mainRow" height="stretch" gap="14">
|
|
<Column id="leftColumn" width="0.28" gap="12">
|
|
<Card id="leftTop" height="stretch" title="Left Column" subtitle="Stack item 1" />
|
|
<Card id="leftBottom" height="stretch" title="Left Column" subtitle="Stack item 2" />
|
|
</Column>
|
|
<Overlay id="centerOverlay" width="0.42">
|
|
<Card
|
|
id="overlayBase"
|
|
title="Center Overlay"
|
|
subtitle="Base layer filling the entire region." />
|
|
<Card
|
|
id="overlayNorth"
|
|
x="18"
|
|
y="18"
|
|
width="0.42"
|
|
height="72"
|
|
tone="accent-alt"
|
|
title="Overlay A"
|
|
subtitle="Floating note" />
|
|
<Card
|
|
id="overlayCenter"
|
|
x="0.28"
|
|
y="0.45"
|
|
width="0.44"
|
|
height="86"
|
|
tone="accent-alt"
|
|
title="Overlay B"
|
|
subtitle="Centered overlay layer" />
|
|
</Overlay>
|
|
<Column id="rightColumn" width="stretch" gap="12">
|
|
<Card id="rightTop" height="stretch" title="Right Column" subtitle="Another stacked column" />
|
|
<Card id="rightBottom" height="stretch" title="Right Column" subtitle="Pairs with the overlay stage" />
|
|
</Column>
|
|
</Row>
|
|
<Overlay id="footerOverlay" height="146">
|
|
<Card
|
|
id="footerBase"
|
|
title="Footer Overlay"
|
|
subtitle="Second overlay region for quick smoke testing." />
|
|
<Card
|
|
id="footerLeft"
|
|
x="18"
|
|
y="48"
|
|
width="180"
|
|
height="58"
|
|
tone="accent-alt"
|
|
title="Footer A" />
|
|
<Card
|
|
id="footerRight"
|
|
x="0.74"
|
|
y="48"
|
|
width="180"
|
|
height="58"
|
|
tone="accent-alt"
|
|
title="Footer B" />
|
|
</Overlay>
|
|
</Column>
|
|
</View>
|