added margin and padding support, some fixes: yoga needs many values to be initialized properly

This commit is contained in:
2017-01-23 22:13:36 +00:00
parent e556cf4c61
commit 5268f65777
5 changed files with 189 additions and 75 deletions

View File

@@ -1,13 +1,34 @@
<?xml version="1.0"?>
<layout>
<flex dir="row" wrap="1" width="100%">
<plane height="100" width="50%" min-width="500"/>
<plane height="100%" width="50%" wrap="1" dir="col">
<flex dir="col" wrap="0" width="100%" height="100%" pad="10">
<!-- toolbar -->
<plane height="50" width="100%" pad="5" dir="row">
<plane width="50" margin="0 5 0 0"></plane>
<plane width="50" margin="0 5 0 0"></plane>
<plane width="50" margin="0 5 0 0"></plane>
<separator width="10" />
<plane width="50" margin="0 5 0 0"></plane>
<plane width="50" margin="0 5 0 0"></plane>
<plane width="50" margin="0 5 0 0"></plane>
<separator width="10" />
<plane width="50" margin="0 5 0 0"></plane>
<plane width="50" margin="0 5 0 0"></plane>
<plane width="50" margin="0 5 0 0"></plane>
</plane>
<plane grow="1" dir="row" wrap="1" height="0">
<plane width="200" height="100%"></plane>
<plane width="1" grow="1" height="100%" pad="30" wrap="1">
<plane></plane>
</plane>
</plane>
<!-- status bar -->
<plane height="30" width="100%" />
<!--<plane height="100%" width="50%" wrap="1" dir="col">
<plane height="150" width="100%" />
<plane height="50%" width="50%">
<plane height="30" width="45" />
<plane height="30" width="45" />
</plane>
</plane>
</plane>-->
</flex>
</layout>