<stableborderlayout>

stableborderlayout extends LzLayout, and is therefore responsible for arranging a set of views. Unlike like most layouts, stableborderlayout only manipulates the first three subviews. All of the other subviews are ignored. stableborderlayout is very similar to simplelayout in that it arranges views vertically or horizontally depending on the axis specified. The difference is that stableborderlayout stretches the second view so that the total combined width (or height) of these three subviews matches the width (or height) of their parent.

The following example demonstrates the differences between simplelayout and stableborderlayout.

Example 1. simplelayout vs. stableborderlayout

<canvas height="100">
  <view bgcolor="yellow" width="200">
    <view bgcolor="blue" height="30" width="50"/>
    <view bgcolor="red" height="30" width="50"/>
    <view bgcolor="blue" height="30" width="50"/>
    <simplelayout axis="x" spacing="10"/>
  </view>
  
  <view y="40" bgcolor="yellow" width="200">
    <view bgcolor="blue" height="30" width="50"/>
    <view bgcolor="red" height="30"/>
    <view bgcolor="blue" height="30" width="50"/>
    <stableborderlayout axis="x"/>
  </view>
</canvas>

Note that there is no spacing parameter allowed in stableborderlayout. Also, notice that each parent view has a width of 200. In the top view this information is ignored, which is why yellow can be seen extending past the last subview. In the bottom view no yellow can be seen because it is covered up by the blue and red views. Finally, take note that the second red view has no width assigned to it, because stableborderlayout controls that value directly.