UGUI RectTranstrom アンカーポイントと座標系の詳細な説明

UGUI RectTranstrom アンカーポイントの小計

ピボット

これはアンカーポイントとも呼ばれますが、あまり適切とは思えません。その機能は、回転やスケーリングなど、オブジェクトに対するすべての変更がこのポイントに基づいて行われることです (ピボットもオブジェクトのサイズに基づいています)。オブジェクト). この値 X と Y の値の範囲は 0 ～ 1 です。デフォルトは 0.5 で、これは中心点です。
回転すると、この点が円の中心点になります。

ここに画像の説明を挿入します
自動アンカーポイントを固定します

ここに画像の説明を挿入します
これは自動アンカーポイントです。クリックして、さまざまな位置合わせ方法を選択できます。

上の図の赤いボックスは、選択できるすべてのアンカーポイント方法です。注意深く見ると、1 つのポイントを持つものと、いくつかのポイントがあることがわかります。これは、アンカーポイントの方法を選択した場合のアンカーポイントの配置計画です。アンカーポイントの方法が異なると、UI 要素のサイズの調整方法も異なります。

アンカーパラメータ

Posx はアンカーポイントから X 方向の Pivot ポイントの値を表します (X 値が同じであるため)
Top Bottom これら 2 つの値を使用して画像の高さを変更できます
width 画像の幅

まとめ

Posx、y パラメータは通常、4 つのアンカーポイントが点または線を形成する場合、およびピボットポイントと点または線の間の距離が表示されます。このパラメータは、アンカーポイントが線を形成するときに 1 回だけ表示されます。
幅と高さのパラメータは、4 つのアンカーポイントが点または線を形成するときに表示され、画像の幅と高さを示します。このパラメータは、アンカーポイントが線を形成するときに 1 回だけ表示されます。この値の変更はピボットに基づいています。
Left、Right、Top、Bottom などのパラメータは、4 つのアンカーポイントが長方形を形成するときに表示され、画像の特定の端を示します。アンカーポイントで構成されるグラフィックの端からの距離は、正または負の値であり、範囲内です。範囲内は正の値、境界の外側は負の値です。4 つのアンカーポイントが直線を形成し、それが Y 方向の直線である場合、アンカーポイントの最大および最小 Y 値からの距離を示す [上] と [下] の 2 つのオプションが表示されます。X方向の線の場合、アンカーポイントのX値の最大値と最小値からの距離を示す左と右の2つの選択肢が表示されます。

RectTransform

アンカーポイントが中心の場合、先ほどのPosX,Y,Zも座標系として理解できますが、この座標系はワールド座標系とは異なりますので、とりあえずUIとして理解しますUI 座標系の向きはワールド座標系と同じですが、UI 座標系とワールド座標系の間の距離は異なります。

 //获取UI坐标系的2D坐标，就是X,Y值
 GetComponent<RectTransform>().anchoredPosition;
 //获取UI坐标系的3D坐标，
 GetComponent<RectTransform>().anchoredPosition3D;
//获取该UI在世界坐标系的3D坐标
 GetComponent<RectTransform>().position;
 //和上一个值是一样的是世界坐标系
 transform.position;
 //和世界坐标系transform.up是一样的，都是单位长度
 GetComponent<RectTransform>().up;