(2 intermediate revisions by one other user not shown)
Line 2:
Line 2:
<translate>
<translate>
<!--T:1-->
<!--T:1-->
{{stub}}
{{Infobox Component
{{Infobox Component
|Image=ImageComponent.png
|Image=ImageComponent.png
Line 9:
Line 8:
<!--T:2-->
<!--T:2-->
== Intoduction ==
The '''Image''' component takes in a [[Component:SpriteProvider|SpriteProvider]] or [[Material]] and renders it onto the [[UIX]]. This can be used to display graphics and produce backgrounds.
An Image component renders a [[Sprite]] using a [[Material]]. This can be used to display graphics and produce backgrounds.
<!--T:3-->
<!--T:3-->
== Usage ==
{{Table ComponentFields
{{Table ComponentFields
|Sprite|{{RootFieldType|AssetRef`1|[[Type:Sprite|Sprite]]}}|TypeAdv0=true|The sprite to render
|Sprite|{{RootFieldType|AssetRef`1|[[Type:Sprite|Sprite]]}}|TypeAdv0=true|The sprite to render
|Material|{{RootFieldType|AssetRef`1|[[Type:Material|Material]]}}|TypeAdv1=true|The material to render with
|Material|{{RootFieldType|AssetRef`1|[[Type:Material|Material]]}}|TypeAdv1=true|The material to render with. is not required.
|PreserveAspect|Bool|FIXME
|PreserveAspect|Bool|Preserves the aspect ratio of this image provided.
|NineSliceSizing|NineSliceSizing|FIXME
|NineSliceSizing|NineSliceSizing|Tells how the image gets 9-sliced on this UIX.
|FlipHorizontally|Bool|
|FlipHorizontally|Bool|Flips the image horizontally.
|FlipVertically|Bool|
|FlipVertically|Bool|Flips the image vertically.
|InteractionTarget|Bool|FIXME
|InteractionTarget|Bool|Makes this image as the interaction target for this UIX.
|FillRect|Rect|
|FillRect|Rect|The filling rect for this image.
|__legacyZWrite|Bool|Internal
|__legacyZWrite|Bool|Internal - The legacy Z writing for this image.
|Tint|ColorX|A color that is multiplied with the material's color
|Tint|ColorX|A color that is multiplied with the material's color.
}}
}}
<!--T:4-->
<!--T:4-->
== Behavior ==
== Usage ==
A user can use this to just display an image with an optional tint color, or have this as a background image for other images to be on top of.
<!--T:5-->
<!--T:5-->
== Examples ==
== Examples ==
Here is [[User:ProbablePrime|ProbablePrime]]'s tutorial on images:
