User Manual

Element

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

詳細はユーザインターフェイスセクションを参照してください。

グループ要素

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

グループ要素

画像要素

画像要素はテクスチャアセットまたはソリッドカラーを使用して画像を表示します。

画像要素

テキスト要素

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

テキスト要素

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

PropertyDescription
TypeThe type of Element: Group, Image or Text
PresetChoosing a layout preset will automatically set the Anchor and Pivot properties to a preset value.
AnchorDetermine where the element calculates its position in relation to. See the Elements#Anchor section for more information.
PivotDetermine where the pivot point of the Element is. (0,0) is bottom left, (1,1) is top right. See the Elements#Pivot section for more information.
SizeThe width and height of the Element. This may be automatically calculated depending on other settings
MarginThe distance from the edge of the element to the Anchor. This is only available when the Anchor is split (non-equal in one axis).
Use InputIf enabled, this Element is added to the list of elements that check for input and fire input related events.
LayersThe Layers to render this element into. More on Layers here
Batch GroupThe Batch Group that this model belongs to. More on Batching here.

画像コンポーネントプロパティ

PropertyDescription
RectDefine the area of the texture asset to display.
MaskSwitch Image Element into a mask. Masks do not render into the scene, but instead limit child elements to only be rendered where this element is rendered.
TextureThe texture asset displayed
ColorThe color to tint the element.
OpacityThe transparency of the element.
LayersThe Layers to render this element into. More on Layers here

テキストコンポーネントプロパティ

PropertyDescription
AlignmentDetermine how the text is aligned with in the element. (0,0) is bottom left, (1,1) is top right.
TextThe text string to display.
Font SizeThe size in Screen component pixels to render the font at.
Line HeightThe size in Screen component pixels to move down for a new line.
SpacingA multiplier to apply to the amount advanced between each character.
FontThe font asset.
ColorThe color to tint the font.
OpacityThe transparency of the element.
Wrap LinesEnable text wrapping. Any text that overflows the width of the text element will be wrapped to the next line.
LayersThe Layers to render this element into. More on Layers here
This site is translated by the community. If you want to get involved visit this page