UITransform Component Reference

The UITransform component defines the rectangle information on the UI, including the content size and anchor position of the rectangle. This component allows developers to modify the size and position of the rectangle freely, generally for rendering, calculation of click events, UI layout, screen adaptation, etc.

Click the Add Component button at the bottom of the Inspector panel and select UITransform from UI to add the UITransform component to the node.

Please refer to the UITransform API.

UITransform Properties

change the size and anchor point in script. Example:

```ts import { _decorator, Component, Node, UITransform } from ‘cc’; const { ccclass, property } = _decorator;

@ccclass(‘Example’) export class Example extends Component {

start () {
    const uiTransform = this.getComponent(UITransform);
    // method one
    uiTransform.setContentSize(200, 120);
    uiTransform.setAnchorPoint(0, 0.5);
    // method two
    uiTransform.width = 200;
    uiTransform.height = 120;
    uiTransform.anchorX = 0;
    uiTransform.anchorY = 0.5;
}

}