メインコンテンツまでスキップ

Element

Elementコンポーネントは、Screenコンポーネントを祖先に持つ階層内で、画像やテキストなどの2Dコンポーネントで構成されたユーザーインターフェースを構築するために使用されます。Elementコンポーネントはアンカーやピボットポイントなどのレイアウトプロパティを提供します。

アンカー、ピボット、マージン、サイズについてはエレメントを、画像とテキストについてはイメージエレメントとテキストエレメントを参照してください。

グループエレメント (Group Element)​

グループエレメントは、Elementコンポーネントのレイアウトプロパティのみを提供します。

Group Element

イメージエレメント (Image Element)​

イメージエレメントは、テクスチャアセット、スプライトアセット、または単色を使用して画像を表示します。

Image Element

テキストエレメント (Text Element)​

テキストエレメントは、フォントアセットを使用してテキスト文字列をレンダリングします。

Text Element

共通コンポーネントプロパティ​

プロパティ名説明
TypeElementのタイプ：Group、Image、またはText。
Presetレイアウトプリセットを選択すると、AnchorプロパティとPivotプロパティがプリセット値に自動的に設定されます。
Anchorエレメントが位置を計算する基準点を決定します。詳細はアンカーを参照してください。
PivotElementのピボットポイントの位置を決定します。(0, 0)は左下、(1, 1)は右上です。詳細はピボットを参照してください。
Auto WidthTextのみ。有効にすると、エレメントの幅がテキスト内容に基づいて自動的に計算されます。
Auto Fit WidthTextのみ。有効にすると、テキストがエレメントの幅内に収まるようにフォントサイズが自動的に縮小されます。
WidthElementの幅（ピクセル単位）。Auto Widthが有効な場合、またはアンカーが水平方向に分割されている場合は無効になります。
Auto HeightTextのみ。有効にすると、エレメントの高さがテキスト内容に基づいて自動的に計算されます。
Auto Fit HeightTextのみ。有効にすると、テキストがエレメントの高さ内に収まるようにフォントサイズが自動的に縮小されます。
HeightElementの高さ（ピクセル単位）。Auto Heightが有効な場合、またはアンカーが垂直方向に分割されている場合は無効になります。
Marginエレメントの端からアンカーまでの距離。アンカーが分割されている場合（1つの軸で不等）のみ使用可能です。左、下、右、上として指定します。
Use Input有効にすると、このElementは入力をチェックし、入力関連のイベントを発生させるエレメントのリストに追加されます。
Batch Groupこのエレメントが属するバッチグループ。バッチングについてはこちらを参照してください。
Layersこのエレメントをレンダリングするレイヤー。レイヤーについてはこちらを参照してください。

Imageコンポーネントプロパティ​

プロパティ名説明
Rect表示するテクスチャアセットの領域を定義します。正規化座標でU、V、幅、高さとして指定します。Texture使用時のみ表示されます。
Maskイメージエレメントをマスクに切り替えます。マスクはシーンにレンダリングされず、代わりにこのエレメントがレンダリングされる場所にのみ子エレメントがレンダリングされるように制限します。
Texture表示するテクスチャアセット。Texture、Sprite、またはMaterialのいずれか1つのみ割り当て可能です。
Sprite表示するスプライトアセット。Texture、Sprite、またはMaterialのいずれか1つのみ割り当て可能です。
Frame表示するスプライトフレームのインデックス。Spriteが割り当てられている場合のみ表示されます。
Pixels Per Unitコンポーネントの座標系で1単位に対応するピクセル数。Spriteが割り当てられている場合のみ表示されます。
Materialレンダリングに使用するカスタムマテリアルアセット。Texture、Sprite、またはMaterialのいずれか1つのみ割り当て可能です。
Fit Mode画像をエレメントの境界内にどのようにフィットさせるか。オプション：Stretch（デフォルト）、Contain（アスペクト比を維持して内側にフィット）、Cover（アスペクト比を維持して塗りつぶし）。TextureまたはSpriteが割り当てられている場合のみ表示されます。
Colorエレメントをティントする色。
Opacityエレメントの透明度。0（完全に透明）から1（完全に不透明）。

Textコンポーネントプロパティ​

プロパティ名説明
Alignmentエレメント内でテキストがどのように配置されるかを決定します。(0, 0)は左下、(1, 1)は右上です。
Fontテキストのレンダリングに使用するフォントアセット。
Localized有効にすると、テキストはKeyプロパティを使用してローカライズデータから検索されます。
Text表示するテキスト文字列。Localizedが無効な場合のみ表示されます。
Key翻訳されたテキストを検索するために使用するローカライズキー。Localizedが有効な場合のみ表示されます。
Enable Markup有効にすると、テキストにスタイリング用のマークアップタグ（色、太字など）を含めることができます。
Font Sizeフォントをレンダリングするサイズ（Screenコンポーネントのピクセル単位）。Auto Fit WidthとAuto Fit Heightの両方が無効な場合のみ表示されます。
Min Font SizeAuto Fit WidthまたはAuto Fit Height使用時の最小フォントサイズ。
Max Font SizeAuto Fit WidthまたはAuto Fit Height使用時の最大フォントサイズ。
Line Height新しい行に移動するためのサイズ（Screenコンポーネントのピクセル単位）。
Wrap Lines有効にすると、テキストエレメントの幅を超えるテキストは次の行に折り返されます。
Justify単語間のスペースを広げて、折り返されたテキストの行を両端に揃えます。Wrap Linesが有効で、Auto Widthが無効な場合のみ表示されます。
Max Lines表示する最大行数。この制限を超えるテキストはクリップされます。Wrap Linesが有効な場合のみ表示されます。
Spacing各文字間のスペースに適用する乗数。
Colorフォントをティントする色。
Opacityエレメントの透明度。0（完全に透明）から1（完全に不透明）。
Outline Colorテキストのアウトラインの色（不透明度用のアルファを含む）。
Outline Thicknessテキストのアウトラインの太さ。0（アウトラインなし）から1（最大の太さ）。
Shadow Colorテキストの影の色（不透明度用のアルファを含む）。
Shadow Offsetテキストからの影のオフセット。水平方向と垂直方向のオフセットとして指定します。

関連項目​

スクリプトインターフェース​

Scriptコンポーネントを使用してElementコンポーネントのプロパティを制御できます。Elementコンポーネントのスクリプトインターフェースはこちらです。