added node alignment and text color

This commit is contained in:
2017-02-07 13:39:17 +00:00
parent 3cc25e7592
commit 83e59573e0
7 changed files with 84 additions and 38 deletions

View File

@@ -1,10 +1,14 @@
<?xml version="1.0"?>
<root>
<layout id="button">
<border width="50" margin="0 5 0 0" color=".1" thickness="2" border-color=".5"></border>
<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" />
<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">
@@ -25,24 +29,26 @@
<ref id="multi-button"/>
<ref id="multi-button"/>
<ref id="multi-button"/>
<ref id="button"></ref>
<separator width="10" />
<border width="50" margin="0 5 0 0" color=".1" thickness="2" border-color=".5"></border>
<border width="50" margin="0 5 0 0" color=".2" thickness="2" border-color=".5"></border>
<border width="50" margin="0 5 0 0" color=".3" thickness="2" border-color=".5"></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="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="0 0 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"></border>
<border width="50" margin="0 5 0 0" color=".2" thickness="2" border-color=".7"></border>
<border width="50" margin="0 5 0 0" color=".3" thickness="2" border-color=".7"></border>
<separator width="10" />
<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 -->
<plane grow="1" dir="row" wrap="1" height="0">
<node grow="1" dir="row" wrap="1" height="0">
<!-- side bar -->
<plane width="200" height="100%" dir="col" color=".2">
<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" />
@@ -55,14 +61,17 @@
<border height="30" color=".4" />
<border height="30" color=".4" />
</border>
</plane>
</node>
<!-- content panel -->
<border width="1" grow="1" height="100%" pad="10" wrap="1">
<text text="hello widget" font-face="arial" font-size="11" width="100" height="100"/>
</border>
</plane>
<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"/>
</node>
</node>
<!-- status bar -->
<border height="30" width="100%" color=".15" border-color=".3" />
<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"/>
</border>
</node>
</layout>
</root>