要素
要素は、ユーザインターフェイス画面を構成する個々の要素です。エンティティにElementコンポーネントを添付し、そのエンティティをScreenエンティティの子または子孫として追加することによって、ユーザインターフェイス要素が追加されます。スクリーンの一部である要素は、トランスフォームが計算される方法、したがってスクリーン上に配置される方法において、通常のエンティティと異なります。
Elementコンポーネントは、親に対するエンティティの位置を計算するために使用されるローカル位置、回転、およびスケールに加えて、アンカー、ピボット、およびマージンの各プロパティを使用してローカル位置を測定する必要がある場所、正方形要素があるべき場所、正方形要素の端とアンカーの間の距離などを決定します。
これらの新しいプロパティを使用すると、ユーザインターフェイスを他の要素と整列させたり、要素間の固定距離を置いたりするなど、レイアウトを自由に制御できます。
要素の配置
要素のサイズ変更
要素のサイズを変更するには、サイズ変更gizmoを有効にするか、'4'を押します。
次に、角をドラッグして要素のサイズを調整します。
ピボット
Elementのpivotプロパティは、位置、回転、およびスケールの位置を決定します。ピボットは、elementの幅と高さに沿ったX方向とY方向のピボット位置を決定する0と1の間の2つの数値で定義されます。例えば、[0,0]
はピボットelementの左下に設定し、[1,1]
はピボットをelementの右上に設定します。
アンカー
Anchorプロパティは、Elementの位置が計算される親の位置を決定します(複数の場合もあります)。Anchor値は [minX, minY]
と [maxX,
maxY]
の2点で指定されます。エディタでは、これは次の4つの数字で表示されます:[minX, minY, maxX, maxY]
例えば、アンカーを [0,0,0,0]
に設定すると、そのelementを親の左下にアンカーします。Elementの位置は、親の左下からオフセットを設定します
アンカーの分割
Elementの異なる辺を別の位置に固定することが便利な場合もあります。たとえば、解像度を問わず、画面を満たすよう伸びるelementを作成する場合などです。これは、アンカーの最小値と最大値を分割することで行うことができます。
この画像では、Anchorは `[0,0,1,1] 'に設定されているので、elementの辺を親の辺に固定しています。各辺に50ピクセルの余白があるため、Elementは親を辺から50ピクセル塗りつぶすよう固定されます。
マージン
Marginプロパティは、アンカー値が1つの軸で分割されている場合にのみ使用できます。
Marginは、elementの端となるアンカーからのScreenコンポーネントのピクセル数を設定します。Margin値のショートカットは、Elementコンポーネントのスクリプトで、left,
right,
topおよび
bottom`のプロパティとして使用できます。
自由なElement
Elementの主な使用事例は、ユーザーインターフェースScreenコンポーネントの一部ですが、 スクリーンの一部ではないElementコンポーネントを持つことは有効です。たとえば、1つのワールド内のテキストです。
スクリーンを持たないElementのサイズと配置はやや異なった動作をします。スクリーンの場合、32x32のElementは32ピクセルですが、スクリーンのないElementは32m×32mになります。それに応じてサイズを調整してください。