The '''DualColorImage''' component takes in a [[Component:SpriteProvider|SpriteProvider]] or [[Material]] and controls the tint and secondary tint of a [[UIX]] image. There are optional placement parameters allowing the [[User|user]] to adjust the offset of this image using <code>FillRect</code>.
{{Note|You must have an image that it can register and use, else it will just use the secondary tint color only and fill in the entire area.|warning}}
<!--T:3-->
<!--T:3-->
== Usage ==
{{Table ComponentFields
{{Table ComponentFields
|Sprite|Sprite|
|Sprite|{{RootFieldType|AssetRef`1|[[Type:Sprite|Sprite]]}}|TypeAdv0=true|The sprite to use as the image.
|Material|Material|
|Material|{{RootFieldType|AssetRef`1|[[Type:Material|Material]]}}|TypeAdv1=true|The Material to use as the image.
|Tint|Color|
|PreserveAspect|Bool|Preserves the aspect ratio of this image provided.
|PreserveAspect|Bool|
|NineSliceSizing|NineSliceSizing|Tells how the image gets 9-sliced on this UIX.
|NineSliceSizing|NineSliceSizing|
|FlipHorizontally|Bool|Flips the image horizontally.
|InteractionTarget|Bool|
|FlipVertically|Bool|Flips the image vertically.
|__legacyZWrite|Bool|
|InteractionTarget|Bool|Makes this image as the interaction target for this UIX.
|SecondaryTint|Color|
|FillRect|Rect|The filling rect for this image.
|__legacyZWrite|Bool|The legacy Z writing for this image.
|Tint|ColorX| The primary tint color for this image.
|SecondaryTint|ColorX|The secondary tint color for this image.
}}
}}
<!--T:4-->
<!--T:4-->
== Behavior ==
== Usage ==
<!--T:5-->
<!--T:5-->
== Examples ==
== Examples ==
This can be used as a way to make an image and give it a tint color.
The DualColorImage component takes in a SpriteProvider or Material and controls the tint and secondary tint of a UIX image. There are optional placement parameters allowing the user to adjust the offset of this image using FillRect.
You must have an image that it can register and use, else it will just use the secondary tint color only and fill in the entire area.