ukijs/anchors属性の与え方

　anchors属性は、コンポーネントをリサイズした時に、位置、大きさがどのように変化するか、を制御します。
　アンカーに指定できるのは、left, top, right, bottom, width, height の６種類です。このうち、left, bottom, width の３種類は、横方向の位置とサイズに関係します。同様に、縦方向に関係するのは、top, bottom, width です。

縦横が違うだけで、それぞれ次のように対応します。

　 left --  right   -- width
　  ↑　　　  ↑　　  　↑
　　↓　　  　↓　　　  ↓
　 top  --  bottom  -- height

leftとtop,rightとbottomは、その名のとおりアンカーの役割を果たし、指定すると、それぞれが表す辺の親の矩形からの距離が固定されます。

ところが、widthとheightは、アンカーという名前とは裏腹に、指定するとそれぞれ幅と高さが可変になります。指定しない限り、幅と高さは変わりません。なお、leftとrightを同時に指定すると、幅を変更しないことにはやってられませんから、自動的にwidthを指定したものとみなされます。topとbottom、heightの関係も同様です。