92 lines
4.7 KiB
XML
92 lines
4.7 KiB
XML
<?xml version="1.0"?>
|
|
<root>
|
|
<layout id="button">
|
|
<border width="50" margin="0 5 0 0" color=".1" thickness="2" border-color=".5">
|
|
<text text="A" font-face="arial" font-size="11"/>
|
|
</border>
|
|
</layout>
|
|
<layout id="multi-button-item">
|
|
<border height="50%" width="50%" color=".1" thickness="2" border-color=".5" justify="center" align="center">
|
|
<text text="A" font-face="arial" font-size="11"/>
|
|
</border>
|
|
</layout>
|
|
<layout id="multi-button">
|
|
<node width="50" margin="0 5 0 0" dir="row" wrap="1">
|
|
<ref id="multi-button-item"/>
|
|
<ref id="multi-button-item"/>
|
|
<ref id="multi-button-item"/>
|
|
<ref id="multi-button-item"/>
|
|
</node>
|
|
</layout>
|
|
<layout id="rounded-inside">
|
|
<border thickness="2" border-color=".9" color=".4" height="100%" pad="10">
|
|
</border>
|
|
</layout>
|
|
<layout id="main">
|
|
<node dir="col" wrap="0" width="100%" height="100%" pad="5">
|
|
<!-- toolbar -->
|
|
<border height="50" width="100%" pad="5" dir="row" color=".2">
|
|
<ref id="multi-button"/>
|
|
<ref id="multi-button"/>
|
|
<ref id="multi-button"/>
|
|
<border width="50" margin="0 5 0 0" color=".1" thickness="2" border-color=".5" justify="center" align="center">
|
|
<text text="button" font-face="arial" font-size="11"/>
|
|
</border>
|
|
<separator width="10"/>
|
|
<border width="50" margin="0 5 0 0" color=".1" thickness="2" border-color=".5" justify="center" align="center"><text text="red" font-face="arial" font-size="11" color="1 0 0 1"/></border>
|
|
<border width="50" margin="0 5 0 0" color=".2" thickness="2" border-color=".5" justify="center" align="center"><text text="blue" font-face="arial" font-size="11" color=".4 .4 1 1"/></border>
|
|
<border width="50" margin="0 5 0 0" color=".3" thickness="2" border-color=".5" justify="center" align="center"><text text="green" font-face="arial" font-size="11" color="0 1 0 1"/></border>
|
|
<separator width="10"/>
|
|
<border width="50" margin="0 5 0 0" color=".1" thickness="2" border-color=".7" pad="4">
|
|
<image path="data/uvs.jpg" region="0 0 50 50" width="100%" height="100%" align="center" justify="flex-end">
|
|
<text text="atlas" font-face="arial" font-size="11"/>
|
|
</image>
|
|
</border>
|
|
<border width="70" margin="0 5 0 0" color=".2" thickness="2" border-color=".7">
|
|
<image path="data/social.png" region="0 0 230 230" width="100%" height="100%" pad="5" align="center" justify="flex-end">
|
|
<text text="Facebook" font-face="arial" font-size="11"/>
|
|
</image>
|
|
</border>
|
|
<border width="50" margin="0 5 0 0" color=".3" thickness="2" border-color=".7">
|
|
<image path="data/social.png" region="250 0 480 230" width="100%" height="100%" pad="5" align="center" justify="flex-end">
|
|
<text text="Twitter" font-face="arial" font-size="11"/>
|
|
</image>
|
|
</border>
|
|
<separator width="10"/>
|
|
<border width="50" margin="0 5 0 0"></border>
|
|
<border width="50" margin="0 5 0 0"></border>
|
|
<border width="50" margin="0 5 0 0"></border>
|
|
</border>
|
|
<!-- central row -->
|
|
<node grow="1" dir="row" wrap="1" height="0">
|
|
<!-- side bar -->
|
|
<node width="200" height="100%" dir="col" color=".2">
|
|
<border pad="15" margin="10 0 10 0" color=".3" width="100%" height="auto">
|
|
<border height="30" color=".4" />
|
|
<border height="30" color=".4" />
|
|
<border height="30" color=".4" />
|
|
<border height="30" color=".4" />
|
|
</border>
|
|
<border pad="15" margin="0 0 10 0" color=".3" width="100%" height="auto">
|
|
<border height="30" color=".4" />
|
|
<border height="30" color=".4" />
|
|
<border height="30" color=".4" />
|
|
<border height="30" color=".4" />
|
|
</border>
|
|
</node>
|
|
<!-- content panel -->
|
|
<node width="1" grow="1" height="100%" pad="10" wrap="1" dir="col" justify="center" align="center">
|
|
<text text="hello widget" font-face="arial" font-size="30" color="0 1 1 1"/>
|
|
<text text="this is a small description of the useless big text above" font-face="arial" font-size="11" color="0 1 1 1"/>
|
|
<image margin="10 0 0 0" path="data/uvs.jpg" width="100" height="100"/>
|
|
</node>
|
|
</node>
|
|
<!-- status bar -->
|
|
<border height="30" width="100%" color=".15" border-color=".3" dir="row" pad="0 0 0 10" align="center">
|
|
<text text="Status Bar: nothing to show here." font-face="arial" font-size="11"/>
|
|
<text text="#opengl #fromscratch" font-face="arial" font-size="11" margin="0 0 0 10" color=".2 .5 1 1"/>
|
|
</border>
|
|
</node>
|
|
</layout>
|
|
</root>
|