Component:DualColorImage: Difference between revisions

From Resonite Wiki
imported>Chemicalcrux
Creating the page (with a bot!)
 
Added a warning stating that you need to have something or this component will not work. Fixed a field description.
 
(3 intermediate revisions by 3 users not shown)
Line 2: Line 2:
<translate>
<translate>
<!--T:1-->
<!--T:1-->
{{stub}}
{{Infobox Component
{{Infobox Component
|Image=DualColorImageComponent.png
|Image=DualColorImageComponent.png
Line 9: Line 8:


<!--T:2-->
<!--T:2-->
== Intoduction ==
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 ==
This can be used as a way to make an image and give it a tint color.


<!--T:5-->
<!--T:5-->
Line 33: Line 37:
== Related Components ==
== Related Components ==
</translate>
</translate>
[[Category:Components{{#translation:}}|DualColorImage (Component){{#translation:}}]]
[[Category:Components{{#translation:}}|Dual Color Image]]
[[Category:ComponentStubs]]
[[Category:ComponentStubs]]
[[Category:Components:UIX:Graphics{{#translation:}}|DualColorImage (Component){{#translation:}}]]
[[Category:Components:UIX:Graphics{{#translation:}}|Dual Color Image]]

Latest revision as of 04:01, 21 July 2024

Component image 
DualColorImage component as seen in the Scene Inspector


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.
Fields
Name Type Description
persistent Bool Determines whether or not this item will be saved to the server.
UpdateOrder Int Controls the order in which this component is updated.
Enabled Bool Controls whether or not this component is enabled.
Sprite Sprite The sprite to use as the image.
Material Material The Material to use as the image.
PreserveAspect Bool Preserves the aspect ratio of this image provided.
NineSliceSizing NineSliceSizing Tells how the image gets 9-sliced on this UIX.
FlipHorizontally Bool Flips the image horizontally.
FlipVertically Bool Flips the image vertically.
InteractionTarget Bool Makes this image as the interaction target for this UIX.
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.

Usage

This can be used as a way to make an image and give it a tint color.

Examples

Related Components