ボックスコントロールの子要素の中の間隔をコントロールできます。例えば、以下の例は5emを上と下マージン両方に入れます。こうして、テキストボックスとデートボックスの間は10emになります。
<vbox spacing="5em"> <textbox/> <datebox/> </vbox>
以下の例では、ゼロ間隔を使用することで面白いレイアウトを表示します。
<window title="Box Layout Demo" border="normal"> <hbox spacing="0"> <window border="normal">0</window> <vbox spacing="0"> <hbox spacing="0"> <window border="normal">1</window> <window border="normal">2</window> <vbox spacing="0"> <window border="normal">3</window> <window border="normal">4</window> </vbox> </hbox> <hbox spacing="0"> <vbox spacing="0"> <window border="normal">5</window> <window border="normal">6</window> </vbox> <window border="normal">7</window> <window border="normal">8</window> <window border="normal">9</window> </hbox> </vbox> </hbox> </window>