imported>Xekri Updated descriptions of properties based on Unity documentation for RectTransform. |
Added an information note. |
||
(5 intermediate revisions by 3 users not shown) | |||
Line 2: | Line 2: | ||
<translate> | <translate> | ||
<!--T:1--> | <!--T:1--> | ||
{{Infobox Component | {{Infobox Component | ||
|Image=RectTransformComponent.png | |Image=RectTransformComponent.png | ||
Line 9: | Line 8: | ||
<!--T:2--> | <!--T:2--> | ||
The '''RectTransform''' component defines what space a slot with [[UIX]] components on it will use, based on the total amount of space that has been provided. This is mostly used to encapsulate elements with inside it, then provides options to anchor, offset, and pivot the placement of the RectTransform container. | |||
<!--T:3--> | <!--T:3--> | ||
{{Table ComponentFields | {{Table ComponentFields | ||
|AnchorMin|Float2|The normalized position (0 to 1) in the parent object that the lower left corner is anchored to. | |AnchorMin|Float2|The normalized position (0 to 1) in the parent object that the lower left corner is anchored to. | ||
|AnchorMax|Float2|The normalized position (0 to 1) in the parent object that the upper right corner is anchored to. | |AnchorMax|Float2|The normalized position (0 to 1) in the parent object that the upper right corner is anchored to. | ||
|OffsetMin|Float2|The offset of the lower left corner of the rectangle relative to the lower left anchor, in pixels. | |OffsetMin|Float2|The offset of the lower left corner of the rectangle relative to the lower left anchor, in pixels. | ||
Line 24: | Line 20: | ||
<!--T:4--> | <!--T:4--> | ||
== | == Usage == | ||
This can be used for placements inside your canvas or other upper elements, for your images or other lower elements for this container component. | |||
{{Note|When attempting to duplicate a RectTransform, the new RectTransform will remove itself from the [[Slot|slot]].|information}} | |||
<!--T:5--> | <!--T:5--> | ||
== Examples == | == Examples == | ||
Here is a video from [[User:ProbablePrime|ProbablePrime]]'s tutorial on RectTransforms: | |||
<youtube>cLtD7uWrduI</youtube> | |||
<!--T:6--> | <!--T:6--> | ||
== Related Components == | == Related Components == | ||
The [[Component:RectTransformComputedProperties|RectTransformComputedProperties]] component is useful when using this component as a reference, returning you the size of the actual rect transform for your calculations. | |||
</translate> | </translate> | ||
[[Category:Components{{#translation:}}| | [[Category:Components{{#translation:}}|Rect Transform]] | ||
[[Category:ComponentStubs]] | [[Category:ComponentStubs]] | ||
[[Category:Components:UIX{{#translation:}}| | [[Category:Components:UIX{{#translation:}}|Rect Transform]] |
Latest revision as of 01:47, 29 July 2024
Component image
The RectTransform component defines what space a slot with UIX components on it will use, based on the total amount of space that has been provided. This is mostly used to encapsulate elements with inside it, then provides options to anchor, offset, and pivot the placement of the RectTransform container.
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. |
AnchorMin
|
Float2 | The normalized position (0 to 1) in the parent object that the lower left corner is anchored to. |
AnchorMax
|
Float2 | The normalized position (0 to 1) in the parent object that the upper right corner is anchored to. |
OffsetMin
|
Float2 | The offset of the lower left corner of the rectangle relative to the lower left anchor, in pixels. |
OffsetMax
|
Float2 | The offset of the upper right corner of the rectangle relative to the upper right anchor, in pixels. |
Pivot
|
Float2 | The normalized position in this rectangle that it rotates around. |
Usage
This can be used for placements inside your canvas or other upper elements, for your images or other lower elements for this container component.
Examples
Here is a video from ProbablePrime's tutorial on RectTransforms:
Related Components
The RectTransformComputedProperties component is useful when using this component as a reference, returning you the size of the actual rect transform for your calculations.