added node alignment and text color
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user