Using stableborderlayout

[antun]

You can use stableborderlayout to have two views maintain their widths while a central view stretches to fill the space:


<canvas>
<view width="300" height="200" id="widebox">
<stableborderlayout axis="x" />

<view width="10" height="${parent.height}" bgcolor="red" />

<view height="${parent.height}" bgcolor="blue" />

<view width="10" height="${parent.height}" bgcolor="red" />
</view>

<button y="220">Make wider
<method event="onclick">
widebox.setWidth( widebox.width + 5 );
</method>
</button>
</canvas>


Enjoy!